/* ═══════════════════════════════════════════════════
   AUTOMATYK — Design System
   Neo-Editorial Light · Fraunces + DM Sans
   Palette PME-safe : fond clair + accent orange
═══════════════════════════════════════════════════ */


/* Funnel Display — chiffres hero-proof accueil uniquement */
@font-face {
  font-family: 'FunnelNumbers';
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.gstatic.com/s/funneldisplay/v3/B50bF7FGv37QNVWgE0ga--4PbZSRJXrOHcLHLoAYfWTXWA.ttf') format('truetype');
  unicode-range: U+0030-0039, U+002C, U+002E, U+0025;
}

:root {
  /* Couleurs fond — THÈME CLAIR */
  --c-bg:           #fafaf8;
  --c-bg-alt:       #f2f0ec;
  --c-bg-card:      #ffffff;
  --c-bg-overlay:   rgba(250, 250, 248, 0.95);

  /* Texte — foncé sur clair */
  --c-text:         #1a1714;
  --c-text-muted:   #6b6560;
  --c-text-light:   #a09890;

  /* Accent principal — orange brûlé (INCHANGÉ) */
  --c-accent:       #e8622a;
  --c-accent-rgb:   232, 98, 42;
  --c-accent-hover: #d4550a;
  --c-accent-light: rgba(232, 98, 42, 0.08);

  /* Accent secondaire — orange profond */
  --c-cyan:         #c4501f;
  --c-cyan-rgb:     196, 80, 31;

  /* Bordures — subtiles sur fond clair */
  --c-border:       #e8e4de;
  --c-border-strong:#d4cfc8;

  /* Typographie */
  --font-display: 'Fraunces', serif;
  --font-body:    'DM Sans', sans-serif;
  --font-number:  'Funnel Display', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
  --fw-light:  300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi:   600;
  --fw-bold:   700;
  --fw-extra:  800;

  /* Échelle fluide */
  --t-2xs:  clamp(0.625rem, 1.2vw, 0.75rem);
  --t-xs:   clamp(0.75rem,  1.5vw, 0.875rem);
  --t-sm:   clamp(0.875rem, 1.8vw, 1rem);
  --t-base: clamp(1rem,     2vw,   1.125rem);
  --t-md:   clamp(1.125rem, 2.2vw, 1.25rem);
  --t-lg:   clamp(1.25rem,  2.5vw, 1.5rem);
  --t-xl:   clamp(1.5rem,   3vw,   2rem);
  --t-2xl:  clamp(1.75rem,  3.5vw, 2.25rem);
  --t-3xl:  clamp(2rem,     4vw,   2.875rem);
  --t-4xl:  clamp(2.5rem,   5vw,   3.75rem);
  --t-hero: clamp(2.75rem,  5.5vw, 4.5rem);

  /* Espacement */
  --s-2xs:     0.25rem;
  --s-xs:      0.5rem;
  --s-sm:      0.75rem;
  --s-base:    1rem;
  --s-md:      1.25rem;
  --s-lg:      1.75rem;
  --s-xl:      2.5rem;
  --s-2xl:     3.5rem;
  --s-3xl:     4.5rem;
  --s-section: clamp(2rem, 3.5vw, 3rem);
  --w-max:     1200px;
  --w-text:    700px;
  --w-narrow:  560px;

  /* Formes */
  --r-xs:   3px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-2xl:  40px;
  --r-full: 9999px;

  /* Transitions */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.83, 0, 0.17, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:  150ms;
  --dur-base:  300ms;
  --dur-slow:  500ms;
  --dur-xslow: 800ms;

  /* Ombres — subtiles pour fond clair */
  --shadow-xs:     0 1px 3px rgba(0,0,0,0.05);
  --shadow-sm:     0 2px 8px rgba(0,0,0,0.06);
  --shadow-md:     0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg:     0 12px 48px rgba(0,0,0,0.10);
  --shadow-xl:     0 24px 80px rgba(0,0,0,0.12);
  --shadow-accent: 0 8px 40px rgba(232, 98, 42, 0.16);
  --shadow-glow:   0 0 60px rgba(232, 98, 42, 0.06);

  /* Z-index */
  --z-below:   -1;
  --z-base:     1;
  --z-raised:  10;
  --z-dropdown:20;
  --z-sticky:  50;
  --z-nav:    100;
  --z-modal:  200;
}