/* ==========================================================================
   DELTATEC — Design Tokens
   Couleurs dérivées du logo officiel (bleu royal + rouge accent)
   ========================================================================== */

:root {
    /* Couleurs de marque — extraites du logo Deltatec */
    --color-primary: #1d3d81;
    --color-primary-dark: #142958;
    --color-primary-light: #2e5499;
    --color-primary-subtle: #e8eef7;

    --color-accent: #e32119;
    --color-accent-dark: #b81a14;
    --color-accent-light: #f0443a;
    --color-accent-subtle: #fdecea;

    /* Texte */
    --color-text: #1a1f2e;
    --color-text-secondary: #4a5568;
    --color-text-muted: #718096;
    --color-text-inverse: #ffffff;

    /* Surfaces */
    --color-background: #ffffff;
    --color-surface: #f7f9fc;
    --color-surface-elevated: #ffffff;
    --color-border: #e2e8f0;
    --color-border-strong: #cbd5e1;

    --color-white: #ffffff;
    --color-black: #000000;

    /* États */
    --color-success: #059669;
    --color-success-subtle: #ecfdf5;
    --color-error: #dc2626;
    --color-error-subtle: #fef2f2;
    --color-focus-ring: rgba(29, 61, 129, 0.35);

    /* Typographie */
    --font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    --font-size-display: clamp(2rem, 4vw + 1rem, 3.25rem);
    --font-size-h1: clamp(1.75rem, 3vw + 0.75rem, 2.75rem);
    --font-size-h2: clamp(1.5rem, 2vw + 0.75rem, 2rem);
    --font-size-h3: clamp(1.25rem, 1.5vw + 0.5rem, 1.5rem);
    --font-size-h4: clamp(1.0625rem, 1vw + 0.5rem, 1.25rem);
    --font-size-body: clamp(0.9375rem, 0.5vw + 0.875rem, 1.0625rem);
    --font-size-small: 0.875rem;
    --font-size-caption: 0.8125rem;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.2;
    --line-height-snug: 1.35;
    --line-height-normal: 1.6;
    --line-height-relaxed: 1.75;

    --letter-spacing-tight: -0.02em;
    --letter-spacing-wide: 0.04em;

    /* Mise en page */
    --container-width: 1200px;
    --container-narrow: 800px;
    --container-wide: 1400px;
    --header-height: 4.5rem;
    --header-height-scrolled: 4rem;

    --section-padding-y: clamp(3rem, 6vw, 5.5rem);
    --section-padding-x: clamp(1rem, 4vw, 2rem);
    --grid-gap: clamp(1rem, 3vw, 2rem);

    /* Rayons */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* Ombres */
    --shadow-sm: 0 1px 2px rgba(26, 31, 46, 0.06);
    --shadow-md: 0 4px 12px rgba(26, 31, 46, 0.08);
    --shadow-lg: 0 12px 32px rgba(26, 31, 46, 0.1);
    --shadow-header: 0 1px 0 var(--color-border);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 400ms ease;

    /* Z-index */
    --z-header: 100;
    --z-mobile-nav: 200;
    --z-overlay: 150;

    /* Animations */
    --animation-distance: 1.5rem;
    --animation-duration: 600ms;
    --animation-stagger: 80ms;
}