/*
 * brand-tokens.css -- the single source of truth for the FSD Month palette,
 * typography, radii and layout constants.
 *
 * No web fonts are loaded: the site must render fast on a mobile ad click and
 * the CSP allows only self-hosted assets. The system UI stack is the typeface.
 */
:root {
  /* Core surfaces */
  --ink: #08090b;
  --ink-raised: #101115;
  --ink-soft: #15161b;
  --paper: #f3efe7;
  --paper-deep: #e7e0d3;
  --card: #fbfaf6;
  --white: #f7f6f2;

  /* Accent */
  --accent: #ff3b30;
  --accent-deep: #d92a22;
  --accent-soft: rgba(255, 59, 48, 0.14);

  /* Text */
  --text-on-dark: #f5f4f0;
  --muted-on-dark: #a5a5ad;
  --text-on-light: #0c0d10;
  --muted-on-light: #65636a;

  /* Lines */
  --line-dark: rgba(255, 255, 255, 0.12);
  --line-light: rgba(12, 13, 16, 0.12);
  --line-strong: rgba(12, 13, 16, 0.22);

  /* Typography */
  --font-sans: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* Shape */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shell: 1180px;
  --header-height: 86px;

  /* Shadow */
  --shadow-card: 0 30px 80px rgba(0, 0, 0, 0.35);
  --shadow-soft: 0 18px 40px rgba(20, 18, 15, 0.12);
}