/**
 * Realprice design tokens · Portal Calm (Direction A)
 * Include via templates/_design_head.html on customer facing pages.
 */
:root {
  --font-system: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --bg-primary: #f7f9fb;
  --bg-paper: #ffffff;
  --bg-dark: #1a2332;
  --bg-warm: #f0ebe3;

  --ink: #1a2332;
  --ink-muted: #5c6b7a;
  --ink-soft: #8a97a6;
  --line: #e2e8ef;
  --line-soft: #e8ecef;

  --brand: #0a6b68;
  --brand-hover: #085654;
  --brand-soft: #e6f3f2;
  --brand-rgb: 10, 107, 104;

  /* Legacy aliases used across templates */
  --gold: var(--brand);
  --accent: var(--brand);
  --accent-hover: var(--brand-hover);
  --highlight: rgba(var(--brand-rgb), 0.08);

  /* Verdict tones, aligned with the Deal Score gauge segments so a buyer
     who reads only the colour gets the same answer as a buyer who reads
     the verdict text. Higher score = better deal for the buyer, so
     "distress" (= seller under pressure, big discount) is the deepest
     green and "overpriced" is red. The earlier palette had distress red
     and below-market green, which contradicts the gauge ends. */
  --accent-distress: #1b8f5a;       /* deep green: 80-100 segment */
  --accent-below-market: #9bc752;   /* light green: 60-80 segment */
  --accent-fair: #c9a000;           /* mustard: 40-60 segment, neutral */
  --accent-above-market: #c9820a;   /* orange: 20-40 segment */
  --accent-overpriced: #c73e3a;     /* red: 0-20 segment */
  --accent-warning: #c9820a;        /* alias for above_market tone */

  --danger: #c73e3a;
  --info: var(--accent-fair);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 8px;
  --radius-full: 999px;

  --shadow-soft: 0 1px 2px rgba(26, 35, 50, 0.05), 0 8px 28px rgba(26, 35, 50, 0.07);
  --shadow-card: var(--shadow-soft);
}