/**
 * @file
 * Design tokens — Parlons Fer.
 * Extracted from Figma Design System.
 */

:root {
  /* Colors */
  --color-blue: #0F65E4;
  --color-blue-dark: #0B51B8;
  --color-blue-light: #E9F3FF;
  --color-orange: #CC3700;
  --color-orange-dark: #A82D00;
  --color-orange-light: #FFEDE5;
  --color-black: #454545;
  --color-white: #FFFFFF;
  --color-success: #22C55E;

  /* Typography */
  --font-heading: 'Share Tech Mono', monospace;
  --font-body: 'Work Sans', sans-serif;

  /* Spacing (8px scale) */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 80px;
  --space-4xl: 120px;

  /* Layout */
  --container-width: 1280px;
  --container-padding: 80px;
  --container-padding-mobile: 20px;

  /* Breakpoints (used via media queries, not as variables) */
  /* Mobile: 390px */
  /* Desktop: 1440px */

  /* Transitions */
  --transition-base: 0.3s ease;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
}