/* fancode — Rose Newsroom (LIGHT_COLOR_005 palette)
 * Editorial authority sports desk, warm rose paper + blue utility accent.
 * Light-dominant surface family.  Inter typography.
 */

/* Self-hosted Inter (woff2 variable font, weights 600/700/800) — served from
   /assets/fonts/inter-latin.woff2. Preloaded in HTML head so the first paint
   can swap to Inter without waiting for fonts.googleapis.com round-trip.
   Google Fonts CSS remains as a noscript/fallback only. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url('/assets/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Rose Newsroom surfaces */
  --bg:              #FFF7F3;   /* page paper — warm cream */
  --bg-elev-1:       #FBEDE6;   /* band 1 — pale rose blush */
  --bg-elev-2:       #F4DDD2;   /* band 2 — dusty rose */
  --bg-elev-3:       #E9C9BB;   /* hairline divider — terra rose */

  /* Surfaces (cards, panels) */
  --surface:         #FFFFFF;   /* card paper */
  --surface-2:       #FFF1EA;   /* card wash */
  --surface-3:       #F8E2D6;   /* tinted card */

  /* Ink */
  --ink:             #2A1A14;   /* deep cocoa ink */
  --ink-2:           #4A332A;   /* secondary ink */
  --ink-3:           #6B4F44;   /* tertiary ink */
  --ink-4:           #B5A095;   /* muted ink */

  /* Brand */
  --primary:         #B8344A;   /* rose signal — primary CTA */
  --primary-2:       #9A2638;   /* rose pressed */
  --primary-3:       #7E1B2C;   /* rose deep */
  --accent:          #1F4E96;   /* cobalt utility — data / table */
  --accent-2:        #143A7A;   /* cobalt deep */
  --accent-3:        #0B2A5C;   /* navy capsule */
  --gold:            #C6853D;   /* editorial gold (cricket flash) */
  --leaf:            #2B7A55;   /* field green */

  /* Status */
  --live:            #C41E3A;   /* LIVE badge red */
  --success:         #2B7A55;
  --warn:            #B45C0E;
  --info:            #1F4E96;

  /* Rules */
  --border:          #2A1A14;
  --border-soft:     #C9A99C;
  --border-faint:    #E9C9BB;
  --rule:            rgba(42, 26, 20, 0.12);
  --rule-strong:     rgba(42, 26, 20, 0.32);

  /* Type */
  --font-sans:       'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
  --font-display:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:       ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Sizing */
  --radius:          0px;       /* sharp-editorial: hard edges */
  --radius-sm:       0px;
  --radius-pill:     999px;

  /* Spacing */
  --gap-1:           4px;
  --gap-2:           8px;
  --gap-3:           12px;
  --gap-4:           18px;
  --gap-5:           24px;
  --gap-6:           36px;
  --gap-7:           56px;
  --gap-8:           80px;

  /* Container */
  --container-max:   1280px;
  --container-pad:   20px;

  /* Header */
  --header-h:        64px;

  /* Effects */
  --shadow-card:     0 0 0 1px var(--border);
  --shadow-pop:      0 0 0 2px var(--ink);
  --shadow-band:     inset 0 1px 0 var(--ink), inset 0 -1px 0 var(--ink);
}