/* ══════════════════════════════════════════════════════════════════════
   FRONTIER DESIGN TOKENS — refined operator
   ----------------------------------------------------------------------
   Single source of truth for the app's visual language: fonts, colors,
   geometry. All custom components should reference these tokens via
   var(--fr-...) so theme changes can be made in one place.

   Loaded first (this file sorts ahead of every other stylesheet) so all styles can reference
   the tokens. CSS @import statements MUST come before any other rule.
   ══════════════════════════════════════════════════════════════════════ */

@import url('https://api.fontshare.com/v2/css?f[]=general-sans@300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap');

:root {
  /* ── Surfaces — warm off-whites, not stark ─────────────────────── */
  --fr-bg:              #F6F5F1;
  --fr-surface:         #FFFFFF;
  --fr-hairline:        #ECEAE3;
  --fr-hairline-strong: #DAD7CD;

  /* ── Text — dark slate, not pure black ─────────────────────────── */
  --fr-ink:    #14181D;
  --fr-ink-2:  #4D525A;
  --fr-ink-3:  #8E9299;

  /* ── Brand accent — burnt amber ────────────────────────────────── */
  /* Shifted from red-leaning burnt orange (#C2410C) to amber/gold so it
     reads as clearly distinct from the negative-signal red. Same warm
     family, different enough hue that the page no longer feels "all
     red" at a glance. */
  --fr-accent:        #B45309;       /* primary brand action */
  --fr-accent-soft:   #FEF3C7;       /* tint for light backgrounds */
  --fr-accent-strong: #92400E;       /* hover/pressed state */
  --fr-accent-2:      #D97706;       /* lighter amber for gradients */

  /* ── Horizon brand orange — matches the marketing-site map ─────── */
  /* Brighter / more saturated than --fr-accent. Used only on Horizon-
     branded surfaces (the Executive Dashboard map area, legend pips,
     anywhere the corporate parent brand should read explicitly). The
     muted amber accent above is still the primary UI color. */
  --fr-horizon-orange:      #ED7B22;
  --fr-horizon-orange-soft: #FCE7CF;
  --fr-slate:               #3D3530;
  --fr-gold:                #C18B3F;

  /* ── Signal: positive (good news, "all clear") ─────────────────── */
  --fr-positive:        #1F7A4D;
  --fr-positive-deep:   #155C39;
  --fr-positive-tint:   rgba(31, 122, 77, 0.06);
  --fr-positive-tint-2: rgba(31, 122, 77, 0.11);

  /* ── Signal: negative (rent dropped, error) ────────────────────── */
  /* Brighter / cooler red so it reads as unambiguously red next to the
     warm-amber brand accent. */
  --fr-negative:        #B91C1C;
  --fr-negative-deep:   #8F1414;
  --fr-negative-tint:   rgba(185, 28, 28, 0.07);
  --fr-negative-tint-2: rgba(185, 28, 28, 0.13);

  /* ── Signal: warning (action needed, soft amber) ───────────────── */
  --fr-warning:         #B5701F;
  --fr-warning-deep:    #8C5618;
  --fr-warning-tint:    rgba(181, 112, 31, 0.08);
  --fr-warning-tint-2:  rgba(181, 112, 31, 0.14);

  /* ── Geometry ──────────────────────────────────────────────────── */
  --fr-r-sm:  6px;
  --fr-r-md:  10px;
  --fr-r-lg:  14px;

  /* ── Type stacks ───────────────────────────────────────────────── */
  --fr-font-sans:   'General Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fr-font-serif:  'Instrument Serif', "Times New Roman", serif;
  --fr-font-mono:   'JetBrains Mono', ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

/* ══════════════════════════════════════════════════════════════════════
   END FRONTIER DESIGN TOKENS
   ══════════════════════════════════════════════════════════════════════ */