/* ============================================================
   MICHEL BO — Design Tokens
   Single source of truth. Geändert wird nur hier.
   ============================================================ */

/* --- Schriften (lokal, font-display: swap) --- */
@font-face {
  font-family: 'Cormorant Splayed';
  src: url('../fonts/CormorantSplayed-Light.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Splayed';
  src: url('../fonts/CormorantSplayed-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Splayed';
  src: url('../fonts/CormorantSplayed-Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Splayed';
  src: url('../fonts/CormorantSplayed-SemiBold.ttf') format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Splayed';
  src: url('../fonts/CormorantSplayed-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* --- Ink (warmes Beinahe-Schwarz, die eine Druckfarbe) --- */
  --ink:        #211c17;
  --ink-soft:   #3a342c;
  --ink-faint:  #6f685c;

  /* --- Paper (warmes Off-White, der Grund) --- */
  --paper:      #f4efe5;
  --paper-deep: #ece5d7;
  --white:      #ffffff;

  /* --- Beeswax (Honig-Amber, warmer Akzent) --- */
  --beeswax:      #b1812f;
  --beeswax-soft: #cda85f;
  --beeswax-tint: #f0e4cb;

  /* --- Esche (gedämpftes Eschenblatt-Grün, botanische Wurzel) --- */
  --esche:      #5d6450;
  --esche-soft: #828868;
  --esche-tint: #e2e2d4;

  /* --- Stone (warmes Neutralgrau: Linien, Ränder, ruhige Flächen) --- */
  --stone:      #a59c8b;
  --stone-soft: #c4bcab;
  --stone-line: #ddd6c7;
  --stone-tint: #ebe6da;

  /* --- Interaktiv --- */
  --accent:       #b1812f;
  --accent-press: #946a23;
  --focus-ring:   #b1812f;

  /* --- Schrift-Familien --- */
  --font-display:   'Cormorant Splayed', 'Cormorant Garamond', Georgia, serif;
  --font-sans:      'Inter', 'Söhne', system-ui, -apple-system, sans-serif;
  --font-mono:      'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;
  --font-product:   'Source Serif 4', 'Source Serif Pro', Georgia, serif;
  --font-materials: 'Spectral', 'Source Serif 4', Georgia, serif;

  /* --- Spacing (8px-Basis) --- */
  --space-0:  0;
  --space-1:  0.25rem;  /* 4  */
  --space-2:  0.5rem;   /* 8  */
  --space-3:  0.75rem;  /* 12 */
  --space-4:  1rem;     /* 16 */
  --space-5:  1.5rem;   /* 24 */
  --space-6:  2rem;     /* 32 */
  --space-7:  3rem;     /* 48 */
  --space-8:  4rem;     /* 64 */
  --space-9:  6rem;     /* 96 */
  --space-10: 8rem;     /* 128 */

  /* --- Radien (nahezu rechteckig) --- */
  --radius-sm:     2px;  /* Default */
  --radius-md:     3px;
  --radius-pill:   999px;
  --radius-circle: 50%;

  /* --- Ränder --- */
  --hairline: 1px;
  --rule:     1.5px;
  --frame:    2px;
}