/* AC Exteriors NC — Color tokens
 * Storm-tested trade palette. Deep navy ground, brand blue for action,
 * safety amber reserved ONLY for live price numbers + the primary CTA.
 */

:root {
  /* --- Navy scale (ground + surfaces) --- */
  --navy-950: #0A1521;
  --navy-900: #0D1B2A; /* app background */
  --navy-800: #16273B; /* card / panel surface */
  --navy-700: #1E3450; /* elevated surface / strong border */
  --navy-600: #294863; /* hairline hover, dividers on elevated */
  --navy-500: #3A5B78;

  /* --- Brand blue (primary action) --- */
  --blue-700: #12508F;
  --blue-600: #155CA0;
  --blue-500: #1A73C8; /* primary */
  --blue-400: #3488DA; /* hover on dark */
  --blue-300: #6BA9E5;

  /* --- Safety amber (SIGNAL ONLY: live price + primary CTA) --- */
  --amber-600: #D9922A; /* press */
  --amber-500: #F2A93B; /* signal */
  --amber-400: #F7BA5C; /* hover */

  /* --- Neutrals / text --- */
  --white: #FFFFFF;
  --text-soft: #C4D2E0; /* comfortable body on navy */
  --muted-500: #7C93AC; /* muted / secondary text */
  --muted-700: #52697F; /* disabled text, faint labels */

  /* --- Feedback (used sparingly; NOT amber) --- */
  --success-500: #3FB27F;
  --danger-500: #E0574F;

  /* --- Alpha lines (borders / dividers over navy) --- */
  --line-subtle: rgba(255, 255, 255, 0.08);
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.20);

  /* =========================================================
   * Semantic aliases — reference THESE in components
   * ========================================================= */
  --bg: var(--navy-900);
  --bg-sunk: var(--navy-950);
  --surface-card: var(--navy-800);
  --surface-elevated: var(--navy-700);
  --surface-hover: var(--navy-700);

  --text: var(--white);
  --text-body: var(--text-soft);
  --text-muted: var(--muted-500);
  --text-disabled: var(--muted-700);

  --accent: var(--blue-500);
  --accent-hover: var(--blue-400);
  --accent-press: var(--blue-600);
  --accent-on: var(--white);

  --signal: var(--amber-500);
  --signal-hover: var(--amber-400);
  --signal-press: var(--amber-600);
  --signal-on: var(--navy-950); /* dark text on amber for contrast */

  --border: var(--line);
  --border-subtle: var(--line-subtle);
  --border-strong: var(--line-strong);
  --border-focus: var(--blue-400);

  --link: var(--blue-400);
  --link-hover: var(--blue-300);

  --success: var(--success-500);
  --danger: var(--danger-500);
}