/*
Theme Name: FJ-IT Conseil Glassmorphism
Theme URI: https://fj-it-conseil.com
Author: FJ-IT Conseil
Author URI: https://fj-it-conseil.com
Description: Thème moderne avec effet glassmorphism pour FJ-IT Conseil -- Edition page 404
Version: 1..1.1
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fjit-glass
Tags: modern, glassmorphism, business, consulting, responsive
*/

:root {
    /* Palette de couleurs FJ-IT Conseil */
    --color-primary: #17B890;
    --color-primary-dark: #118b6c;
    --color-secondary: #4F4F65;
    --color-accent-1: #E8D7F1;
    --color-accent-2: #D3BCCC;
    --color-accent-3: #FFE66D;
    
    /* Dégradés */
    --gradient-main: linear-gradient(135deg, rgba(23, 184, 144, 0.8) 0%, rgba(79, 79, 101, 0.8) 100%);
    --gradient-hero: linear-gradient(135deg, rgba(23, 184, 144, 0.1) 0%, rgba(79, 79, 101, 0.1) 100%);
    
    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    --glass-blur: blur(10px);
    
    /* Typographie */
    --font-primary: 'Rubik', sans-serif;
    --font-secondary: 'Nunito', sans-serif;
    
    /* Espacements */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-secondary);
    color: var(--color-secondary);
    line-height: 1.6;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: 600;
    line-height: 1.2;
}