/* ==========================================================================
   Rolesauce THEME FILE — the only file that holds brand decisions.
   Source: Prism's DRAFT brand guide v0.1 (/workspace/rolesauce/brand/style-guide.md).
   Not approved yet. To reskin, edit only this file; base.css reads these variables.
   ========================================================================== */

/* Self-hosted fonts (SIL OFL 1.1; licenses in /fonts/) — no third-party requests */
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces-latin-opsz-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/inter-latin-opsz-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* Draft brand tokens (paste-ready set from the style guide) */
  --sauce:#B5361C; --sauce-deep:#8F2A15; --basil:#1F4D3A; --mustard:#E3A62F;
  --char:#1F1B17; --pepper:#6A6158; --crust:#DDD2C0; --paper:#F2EADC; --cream:#FBF6EE; --white:#FFFFFF;
  --viz-1:#1F4D3A; --viz-2:#5E8C6A; --viz-3:#A9C4A4; --viz-track:#E8DFD0;
  --viz-highlight:#B5361C; --viz-compare:#E3A62F; --viz-alt:#3D6680;
  --success:#2E6B3F; --warning:#8A5A00; --error:#A3261B; --info:#2F5E7A;

  /* Semantic mapping used by base.css */
  --color-brand: var(--sauce);            /* primary CTA, single headline stat */
  --color-brand-strong: var(--sauce-deep);
  --color-brand-soft: #F6E1DA;
  --color-secondary: var(--basil);        /* logo, data, Pro buttons, secondary buttons */
  --color-focus: var(--mustard);          /* focus rings + badges only, never text on cream */
  --color-link: var(--basil);
  --color-ink: var(--char);
  --color-ink-2: var(--pepper);
  --color-ink-3: var(--pepper);
  --color-bg: var(--cream);
  --color-surface: var(--white);
  --color-surface-2: var(--paper);
  --color-border: var(--crust);
  --color-dark: var(--basil);
  --color-on-dark: var(--cream);
  --color-pro: var(--basil);
  --color-pro-soft: #E3ECE6;
  --color-placeholder: var(--warning);
  --color-placeholder-soft: #FBEFD3;
  --bar-fill: var(--viz-1);
  --bar-highlight: var(--viz-highlight);
  --bar-compare: var(--viz-compare);
  --bar-track: var(--viz-track);

  /* Typography */
  --font-display:"Fraunces",Georgia,serif;
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --weight-display:600;
  --tracking-display:-0.015em;
  --numeric: tabular-nums lining-nums;

  /* Shape & depth: borders do the work, shadows minimal */
  --radius-sm:8px; --radius-md:12px; --radius-lg:12px; --radius-pill:999px;
  --shadow-sm:none; --shadow-md:0 2px 10px rgba(31,27,23,.06); --shadow-lg:0 12px 36px rgba(31,27,23,.14);
  --max-width:1120px;

  /* Logo: lowercase wordmark + red dot */
  --logo-font: var(--font-display);
  --logo-color: var(--basil);
  --logo-dot-color: var(--sauce);
}