/*
 * SAMARA BARBER Club brand tokens — release samara-final-20261006 (design/BRAND.md; design/tokens/
 * primitives.tokens.json and semantic.tokens.json; files and hashes in
 * design/exports/samara-final-20261006/manifest.json). Shared by the landing, admin and TV hosts as the static
 * web asset _content/Barber.Ui/css/tokens.css (TASK-0067; the landing reads this file since TASK-0070).
 * Theme/BrandTheme.cs carries the same values for MudBlazor: change both together.
 *
 * Fonts (owner pick, design/DECISIONS.md D-043; files from TASK-0210): Jost is the display role, Space Grotesk the
 * text role. Both are self-hosted variable WOFF2 files under ../fonts/<family>/ beside their OFL.txt, same origin
 * only (ADR-0002). Space Grotesk's default instance is Light 300, so every style sets its weight explicitly.
 * Weights per surface and element: design/exports/samara-final-20261006/fonts/TYPE-SCALE.md.
 */
@font-face {
  font-family: "Jost";
  src: url("../fonts/jost/Jost-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/space-grotesk/SpaceGrotesk-wght.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Primitives: the official values (design/BRAND.md §Official palette) */
  --samara-gold: #c6af81;
  --samara-charcoal: #2b2b2b;
  --samara-black: #000000;
  --samara-white: #ffffff;
  --samara-cream: #f2e7c9;
  --samara-burgundy: #2b0504;
  --samara-wine: var(--samara-burgundy);
  --samara-gray: #dedfde;

  /* Semantic roles (design/tokens/semantic.tokens.json) */
  --color-brand-primary: var(--samara-gold);
  --color-brand-deep: var(--samara-wine);
  --color-surface-default: var(--samara-white);
  --color-surface-dark: var(--samara-charcoal);
  --color-surface-secondary: var(--samara-cream);
  --color-surface-neutral: var(--samara-gray);
  --color-text-primary: var(--samara-black);
  --color-text-on-dark: var(--samara-white);
  --color-text-on-action: var(--samara-black);
  --color-text-on-deep: var(--samara-cream);
  --color-action-primary: var(--samara-gold);

  /* Functional roles (design/DECISIONS.md D-047, TASK-0216): the connection state of the TV board, not brand
     colours. Chosen for >= 3:1 against charcoal as 20-24 px marks read from 3-5 m (ok 6.72:1, warn 7.79:1,
     down 4.30:1) and kept apart from the gold (CIE76 dE >= 53) so the amber never reads as gold. Always paired
     with a text label or a hidden one (REQ-0084). */
  --color-live-ok: #3ccb6e;
  --color-live-warn: #f2b705;
  --color-live-down: #ff4d3d;

  /* Type roles (typography.display / typography.text); the system stack shows until the WOFF2 arrives. */
  --samara-font-display: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    sans-serif;
  --samara-font-text: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
}