/* ============================================================================
   VARIABLES DU SYSTÈME GRAPHIQUE — NOHI DIGITAL BUSINESS
   Direction artistique : Technologie & Ingénierie
   Conception et développement : OlverDigit
   ============================================================================ */

:root {
    /* Palette officielle harmonisée avec le logo et le guide de marque */
    --color-navy-deep: #071B2D;
    --color-navy-primary: #102B52;
    --color-navy-surface: #143564;
    --color-cyan-brand: #0095FF;
    --color-orange: #F28C28;
    --color-orange-hover: #DC7816;
    --color-orange-soft: rgba(242, 140, 40, 0.12);

    --color-white: #FFFFFF;
    --color-bg-light: #F5F7FA;
    --color-bg-subtle: #EDF1F7;
    --color-anthracite: #26364A;
    --color-text-dark: #0F233C;
    --color-text-muted: #52657C;
    --color-text-on-dark: #E2E8F0;
    --color-text-on-dark-muted: #9BB0C9;

    --color-border: #D9E1EC;
    --color-border-strong: #B8C6D8;
    --color-border-dark: rgba(255, 255, 255, 0.14);

    /* Statuts fonctionnels */
    --color-success: #0E7C55;
    --color-success-bg: #E7F6F0;
    --color-warning: #B9650E;
    --color-warning-bg: #FEF4E6;
    --color-danger: #B91C1C;
    --color-danger-bg: #FEE2E2;
    --color-info: #0B5ED7;
    --color-info-bg: #E7F1FF;

    /* Typographies (Manrope / Inter / Roboto Mono) */
    --font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    /* Échelle typographique fluide et responsive */
    --text-xs: 0.75rem;      /* 12px */
    --text-sm: 0.875rem;     /* 14px */
    --text-base: 1rem;       /* 16px */
    --text-md: clamp(1rem, 1.2vw, 1.125rem);
    --text-lg: clamp(1.125rem, 1.5vw, 1.25rem);
    --text-xl: clamp(1.25rem, 2vw, 1.5rem);
    --text-2xl: clamp(1.45rem, 2.5vw, 2.15rem);
    --text-3xl: clamp(1.65rem, 3.4vw, 2.75rem);
    --text-display: clamp(1.85rem, 4.2vw, 3.35rem);

    /* Espacements et grille adaptative */
    --container-max: 1280px;
    --container-pad: clamp(1rem, 4vw, 2.75rem);
    --section-py: clamp(3rem, 6.5vw, 6rem);
    --section-py-sm: clamp(2.25rem, 4.5vw, 4rem);

    /* Bordures et élévations sobres (style ingénierie) */
    --radius-xs: 2px;
    --radius-sm: 4px;
    --shadow-subtle: 0 8px 24px rgba(7, 27, 45, 0.06);
    --shadow-elevated: 0 18px 42px rgba(7, 27, 45, 0.14);
    --transition-base: 200ms cubic-bezier(0.16, 1, 0.3, 1);
}