/* Alana Annear design tokens, locked 2 October 2026. Source: project brief, section 5. */

@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/instrument-serif-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/instrument-serif-latin-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("/assets/fonts/hanken-grotesk-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("/assets/fonts/hanken-grotesk-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("/assets/fonts/hanken-grotesk-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Interim logo face, until Alana's own signature is vectorized. */
@font-face {
  font-family: "Mrs Saint Delafield";
  src: url("/assets/fonts/mrs-saint-delafield-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;

  /* Color, light theme */
  --ground: #F7F6F3;
  --ground-rgb: 247, 246, 243;
  --surface: #FFFFFF;
  --ink: #1F2733;
  --ink-muted: #5B6370;
  --on-ink: #F7F6F3;
  --heather: #6D5679;
  --on-heather: #FFFFFF;
  --heather-soft: #ECE5EF;
  --hairline: #E2E0DC;
  --hamra: #4C6B50;
  --marjan: #3D6386;
  --mina: #9A5856;
  --on-community: #FFFFFF;
  --whatsapp: #1F7A4D;
  --focus: #3D6386;

  /* Media overlays stay the same in both themes: the film never changes color. */
  --media-text: #F7F6F3;
  --media-shade: 31, 39, 51;

  /* Type */
  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-text: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-signature: "Mrs Saint Delafield", "Snell Roundhand", cursive;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 96px;

  /* Radius */
  --r-sm: 6px;
  --r-md: 14px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* Layout */
  --content: 1160px;
  --gutter: 16px;
  --header-h: 72px;

  --shadow-contact-bar: 0 6px 24px rgba(31, 39, 51, 0.08);
}

@media (min-width: 768px) {
  :root {
    --gutter: 24px;
    --header-h: 80px;
  }
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --ground: #14181F;
    --ground-rgb: 20, 24, 31;
    --surface: #1D232C;
    --ink: #F2F0EC;
    --ink-muted: #A9B1BC;
    --on-ink: #14181F;
    --heather: #C8B0D4;
    --on-heather: #14181F;
    --heather-soft: #2C2633;
    --hairline: #2F3640;
    --hamra: #9CC0A0;
    --marjan: #9DBBD8;
    --mina: #E0A6A2;
    --on-community: #14181F;
    --whatsapp: #5CC48F;
    --focus: #9DBBD8;
  }
}