/* ============================================================
   Solvinka · Shared design tokens (colors only)
   Single source of truth for the navy/gold dark palette. Linked by
   css/style.css AND by both self-contained calculator apps
   (kalkylatorer/lonekalkylator.html, kalkylatorer/rot-rut.html), so
   a value changed here applies everywhere at once. Do not duplicate
   these hex values anywhere else; add a var() reference instead.

   Typography, spacing and radius tokens are NOT here on purpose:
   the calculators intentionally use system fonts, not the site's
   web fonts, so font tokens stay local to css/style.css.

   The assets/logo/*.svg files are the one unavoidable exception:
   they're loaded via <img>, which can't read CSS custom properties,
   so their fills are hardcoded hex that must be kept in sync with
   --logo-* below by hand if this palette ever changes.
   ============================================================ */

:root{
  /* Brand navy scale */
  --navy-900:#141F35;
  --navy-800:#192C50;
  --navy-700:#233A66;
  --navy-600:#2A4272;

  /* Brand gold scale */
  --gold-600:#A87020;
  --gold-500:#C99A3D;
  --gold-400:#E0B84A;

  /* Logotypens exakta färger (assets/logo/), ändra inte utan att byta SVG:erna */
  --logo-navy:#1E3563;        /* mark, standard + ljus bakgrund */
  --logo-blue:#4A659E;        /* mark på mörk bakgrund */
  --logo-gold:#E0B84A;        /* mark, standard + mörk bakgrund */
  --logo-gold-deep:#C79325;   /* mark på ljus bakgrund */

  /* Surface */
  --paper:#141F35;
  --paper-raised:#24345C;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.22);

  /* Text */
  --ink:#F1EEE3;
  --ink-soft:#B9C0D6;
  --ink-faint:#8590AD;

  /* Feedback: dark saturated text on a light pastel chip */
  --ok:#2E5339;
  --ok-bg:#E7EFE7;
  --warn:#A6631B;
  --warn-bg:#F6EBDA;
  --bad:#9C3B2E;
  --bad-bg:#F5E4E1;

  /* Negative/error text set directly on a dark surface (brighter
     than --bad, which is tuned for a light chip instead) */
  --danger-bright:#E2776A;
}