/* theme/variables.css : les tokens de l'instance. Noms stables, valeurs propres à l'instance. */
@font-face {
  font-family: "Geist";
  src: url("polices/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("polices/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Surfaces et texte : le fond de page, les cartes posées dessus, le graphite */
  --background: #f3f2ef;
  --foreground: #1c1c1e;
  --card: #ffffff;
  --card-foreground: #1c1c1e;
  --muted: #eceae5;
  --muted-foreground: #64646a;

  /* Actions */
  --primary: #2e2f33;
  --primary-foreground: #ffffff;
  --secondary: #ffffff;
  --secondary-foreground: #1c1c1e;
  --accent: #eceae5;
  --accent-foreground: #1c1c1e;

  /* Marque : le trait, la coche, la pastille d'attention ; jamais en texte */
  --brand: #f0b429;
  --brand-soft: #fbedc4;

  /* États : 4,5:1 sur background et sur leur fond doux */
  --destructive: #b42318;
  --destructive-foreground: #ffffff;
  --destructive-soft: #fbe6e3;
  --success: #1e6b4e;
  --success-foreground: #ffffff;
  --success-soft: #e1f0e8;
  --warning: #8a5a00;
  --warning-foreground: #ffffff;
  --warning-soft: #fbedc4;
  --info: #28598a;
  --info-foreground: #ffffff;
  --info-soft: #e3ecf5;

  /* Traits : input à 3:1 sur background, card et muted */
  --border: #e2dfd7;
  --input: #86827a;
  --ring: #2e2f33;

  /* Typographie */
  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-heading: var(--font-sans);
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Forme : --radius est le rayon des cartes */
  --spacing: 0.25rem;
  --radius: 1rem;
  --shadow-xs: 0 1px 2px rgb(28 28 30 / 0.04);
  --shadow-sm: 0 1px 2px rgb(28 28 30 / 0.06);
  --shadow-md: 0 6px 20px -6px rgb(28 28 30 / 0.18);
  --shadow-lg: 0 24px 60px -12px rgb(28 28 30 / 0.28);
}
