/* ============================================================
   Rosstrah / Ecosmotr — canonical design tokens
   Drop-in for any landing/artifact. Names match the live
   Rosstrah landings so migration is copy-paste.
   ============================================================ */
:root {
  /* --- Brand --- */
  --primary: #1E5EFF;        /* CTA, links, interactive, primary accent */
  --primary-hover: #1A56DB;  /* hover on primary */
  --primary-light: #DBEAFE;  /* soft blue surface / chips */
  --accent: #EAF3FF;         /* softest blue surface (chips, hovers) */
  --secondary: #14B8D4;      /* cyan — highlights on dark, gradient tail */
  --navy: #1A2B5E;           /* canonical brand navy accent (.text-accent/.bg-accent) */
  --ink: #0F172A;            /* deep ink — dark sections, dark cards */

  /* --- Surfaces --- */
  --bg: #F7F9FC;
  --surface: #FFFFFF;
  --surface-alt: #F1F5F9;
  --footer-bg: #0F172A;
  --footer-divider: #1E293B;
  --footer-text: #64748B;

  /* --- Text --- */
  --text: #0F172A;
  --text-2: #475569;
  --text-muted: #64748B;
  --border: #D9E2EC;
  --ink-1: #F8FAFF;          /* on-dark primary text */
  --ink-2: #C7D5EE;          /* on-dark secondary text */

  /* --- Status --- */
  --ok: #16A34A;             /* success / positive offer */
  --ok-bg: #DCFCE7;          /* success surface */
  --warn: #B45309;           /* warning (amber-brown, NOT orange flood) */
  --danger: #EF4444;         /* validation errors only */

  /* --- Shape --- */
  --r-sm: 14px;
  --r-card: 20px;
  --r-lg: 28px;
  --r-btn: 14px;
  --r-pill: 100px;
  --shadow-card: 0 4px 16px rgba(15, 23, 42, 0.04);
  --shadow-lift: 0 12px 28px rgba(15, 23, 42, 0.10);
  --cta-glow: 0 8px 20px rgba(30, 94, 255, 0.28);

  /* --- Accents --- */
  --star: #FFB020;           /* rating stars ONLY (not a UI accent) */
  --grad: linear-gradient(135deg, #1E5EFF 0%, #14B8D4 100%);
  --grad-navy: linear-gradient(158deg, #0A1A3F 0%, #10245A 52%, #163B84 100%);

  /* --- Layout --- */
  --maxw: 1200px;
  --pad: 24px;
  --space: 8px;              /* base spacing unit */

  /* --- Type --- */
  --font-display: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}