/**
 * Tokens normatifs de Marchand de Biens Pro.
 * Source de vérité : DESIGN.md. Ne pas modifier une valeur sans l'y reporter.
 */

:root {
  /* Couleurs primitives */
  --color-ink: #15242e;
  --color-ink-deep: #0e1a22;
  --color-ink-darkest: #0a141b;
  --color-ink-soft: #465a64;
  --color-paper: #f1ede4;
  --color-surface: #fff;
  --color-surface-soft: #fbf9f3;
  --color-brass: #a9803f;
  --color-brass-light: #c8a15a;
  --color-success: #3e6b54;
  --color-error: #873f3c;
  --color-on-dark: #ece6da;
  --color-on-dark-soft: #93a4ac;
  --color-line: #15242e1a;
  --color-line-strong: #15242e29;

  /* Rôles sémantiques */
  --color-background: var(--color-paper);
  --color-text: var(--color-ink);
  --color-text-muted: var(--color-ink-soft);
  --color-action-primary: var(--color-brass);
  --color-on-action-primary: var(--color-ink-darkest);
  --color-focus: var(--color-brass);
  --color-positive: var(--color-success);
  --color-danger: var(--color-error);

  /* Familles typographiques */
  --font-display: "Libre Caslon Display", Georgia, serif;
  --font-serif: "Libre Caslon Text", Georgia, serif;
  --font-sans: "Hanken Grotesk", system-ui, sans-serif;

  /* Échelle typographique */
  --font-size-display: 46px;
  --font-size-headline: 22px;
  --font-size-title: 17px;
  --font-size-body: 14px;
  --font-size-label: 12.5px;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --line-height-display: 1.08;
  --line-height-headline: 1.1;
  --line-height-title: 1.25;
  --line-height-body: 1.5;
  --letter-spacing-serif: -0.01em;

  /* Espacements */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-page: 30px;

  /* Arrondis */
  --radius-badge: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-pill: 999px;

  /* Élévation */
  --shadow-rest: 0 1px 2px rgb(15 26 34 / 5%), 0 1px 1px rgb(15 26 34 / 3%);
  --shadow-hover: 0 2px 6px rgb(15 26 34 / 6%), 0 10px 30px rgb(15 26 34 / 7%);
  --shadow-temporary: 0 20px 60px rgb(15 26 34 / 16%);

  /* Mouvement */
  --duration-state: 160ms;
  --duration-surface: 200ms;
  --easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
}