/* Fonts are loaded from functions.php with absolute child-theme URLs. */

/* =========================================================
   DESIGN SYSTEM - ARCHITECTE DE SYSTÈMES DIGITAUX
   ========================================================= */

:root {
  /* Couleurs */
  --c-bg:           #0A0B0D;
  --c-surface:      #111317;
  --c-surface-2:    #16191F;
  --c-surface-3:    #1B1F27;
  --c-text:         #E8EAED;
  --c-text-strong:  #FFFFFF;
  --c-text-muted:   #9BA1AC;
  --c-text-subtle:  #6B7280;
  --c-accent:       #5B8DEF;
  --c-accent-hover: #7AA3F4;
  --c-accent-soft:  rgba(91, 141, 239, 0.10);
  --c-accent-line:  rgba(91, 141, 239, 0.32);
  --c-border:       rgba(255, 255, 255, 0.08);
  --c-border-2:     rgba(255, 255, 255, 0.14);
  --c-border-3:     rgba(255, 255, 255, 0.22);

  /* Typographie */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Échelle d'espacement (4px) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 2.5rem;
  --s-8: 3rem;
  --s-9: 4rem;
  --s-10: 5rem;
  --s-11: 6rem;
  --s-12: 8rem;

  /* Layout */
  --container-max: 1240px;
  --container-narrow: 760px;
  --container-pad: 1.5rem;
  --section-py: 6rem;

  /* Radius */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 999px;

  /* Transitions */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 150ms;
  --t-base: 240ms;
  --t-slow: 400ms;

  /* Shadows */
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 0 1px var(--c-accent-line), 0 12px 40px rgba(91, 141, 239, 0.18);
}