/* Allemax Design System — tokens sémantiques.
   Source : docs/ux/Allemax Design System.html
   Toujours passer par ces variables — jamais de hex en dur dans l'UI. */

:root {
  /* Surfaces */
  --bg: #F6F7F8;
  --bg-page: var(--bg);
  --surface: #FCFCFD;
  --surface-2: #EBEDEF;
  --border: #D6DCE1;

  /* Texte */
  --text-primary: #0B1620;
  --text-secondary: #405B72;
  --text-muted: #546C83;

  /* Accent copper */
  --accent: #DD7F44;
  --accent-600: #A04F1D;
  --accent-800: #753A15;
  --on-accent: #49240D;

  /* Sémantiques */
  --color-success: #1D9E75;
  --color-error: #E24B4A;
  --color-warning: #EF9F27;
  --color-info: #378ADD;

  /* Typographies */
  --font-display: "Geologica", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Sen", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, monospace;

  /* Espacement (unité 4px) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;

  /* Rayons — les utilities Tailwind (rounded-*) restent dans @theme.
     sm/md/pill y sont alignés ; lg (cards) = --radius-2xl (16px). */
  --radius-pill: 999px;
}

.dark,
[data-mode="dark"] {
  --bg: #0B1620;
  --bg-page: var(--bg);
  --surface: #16283A;
  --surface-2: #1C3245;
  --border: #344E65;
  --text-primary: #F8F8F5;
  --text-secondary: #93A9BC;
  --text-muted: #607085;
  /* Accent copper inchangé — lisible sur marine */
}

html {
  color-scheme: light;
}

html.dark,
html[data-mode="dark"] {
  color-scheme: dark;
}