/* Preference Labs design system, mapped onto the taste-skill system tokens.
   Source: ../../../design-system/tokens/*.css. The brand sets colour, type, radius and shadow;
   system.css and layout.css set heights, edges and the grid. */

@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/Cormorant-Garamond-normal-500.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/Cormorant-Garamond-normal-600.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 500; font-display: swap; src: url("fonts/Cormorant-Garamond-italic-500.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/Inter-normal-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/Inter-normal-500.woff2") format("woff2"); }

:root {
  /* brand palette */
  --charcoal: #222326; --charcoal-deep: #151617; --charcoal-raised: #2c2d31;
  --off-white: #F8F6F2; --sunken: #F1EFE9;
  --burgundy: #6E2030; --burgundy-deep: #4A1420; --copper: #B67639; --gold: #D7B46A;
  --emerald: #335D50; --line-light: #E3E0D8; --line-dark: #3A3B3F;

  /* the system's palette slots */
  --p-bg: var(--off-white);
  --p-surface: var(--sunken);
  --p-ink: var(--charcoal);
  --p-muted: #4A4B4F;
  --p-accent: var(--burgundy);
  --p-accent-ink: var(--off-white);
  --p-action: var(--burgundy);
  --p-action-ink: var(--off-white);
  --p-inv-bg: var(--charcoal-deep);
  --p-inv-surface: var(--charcoal);
  --p-inv-ink: var(--off-white);
  --p-inv-muted: #B8B6B0;
  --p-inv-accent: var(--gold);
  --p-inv-accent-ink: var(--charcoal-deep);
  --p-inv-action: var(--gold);
  --p-inv-action-ink: var(--charcoal-deep);

  /* the lit ground behind the hero's window: charcoal with gold light */
  --ground-bg: var(--charcoal-raised); --ground-surface: #35363b; --ground-ink: var(--off-white);
  --ground-muted: #B8B6B0; --ground-accent: var(--gold);

  /* type: two families only (brand rule) */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-text: "Inter", "Helvetica Neue", Arial, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.01em;

  /* radius: small and consistent (3 / 6 / 10) */
  --r-sm: 3px; --r-md: 6px; --r-lg: 10px; --r-btn: 3px;

  --shadow-md: 0 6px 20px rgb(0 0 0 / .08);
  --shadow-lg: 0 20px 60px rgb(0 0 0 / .10);
}

/* the serif never sets text under 20px; Inter carries everything functional */
h1, h2, h3, .close__word { font-family: var(--font-display); font-weight: var(--display-weight); letter-spacing: var(--display-tracking); }
h1 { line-height: 1.02; }
h2 { line-height: 1.08; }