/* Cadran color system.
   Source of truth: the "Farger" swatch board in Identity.fig
   (Gull Lys / Gull Mørk / Brun / Grå 1–3 / Svart).
   Warm, precise, premium: dark brown + gold + warm neutrals. */

:root {
  /* ---- Brand palette (named exactly as in the Figma swatch board) ---- */
  --gull-lys:   #FFE7A0;  /* Gull Lys  — light gold, highlight / accent-on-dark */
  --gull-mork:  #C4B075;  /* Gull Mørk — the signature Cadran gold */
  --brun:       #1C180D;  /* Brun      — dark brown, primary ink & dark surface */
  --gra-1:      #B4B1AC;  /* Grå 1     — mid warm gray */
  --gra-2:      #D1D0CC;  /* Grå 2     — light warm gray, the default slide field */
  --gra-3:      #F5F5F5;  /* Grå 3     — near-white warm gray */
  --svart:      #0A0A0A;  /* Svart     — near-black */
  --white:      #FFFFFF;

  /* Supporting neutrals seen in the source (fills / icon strokes) */
  --ink-900:    #1E1E1E;  /* icon default stroke */
  --ink-800:    #2D2D2D;  /* soft dark fill */
  --field-warm: #D0CCC8;  /* subtle card field on gray backgrounds */

  /* ---- English aliases (ergonomic) ---- */
  --gold-light: var(--gull-lys);
  --gold:       var(--gull-mork);
  --brown:      var(--brun);
  --gray-1:     var(--gra-1);
  --gray-2:     var(--gra-2);
  --gray-3:     var(--gra-3);
  --black:      var(--svart);

  /* ---- Semantic (light context — the default) ---- */
  --bg:              var(--gra-2);        /* warm greige page field */
  --bg-alt:          var(--gra-3);
  --surface:         var(--white);
  --surface-card:    rgba(255,255,255,0.35); /* faint lifted card on greige */
  --text-primary:    var(--brun);
  --text-secondary:  #575249;             /* muted brown */
  --text-muted:      #8C877D;
  --border:          rgba(28,24,13,0.14);
  --border-strong:   rgba(28,24,13,0.30);
  --accent:          var(--gull-mork);
  --accent-strong:   #A8925A;             /* darker gold for text/press on light */
  --icon:            var(--ink-900);

  /* Link defaults (users add links in the editor later) */
  --link:            var(--accent-strong);
  --link-hover:      var(--brun);
}

/* ---- Dark context (brown / black surfaces) ---- */
:root[data-theme="dark"],
.dark,
.on-dark {
  --bg:              var(--brun);
  --bg-alt:          var(--svart);
  --surface:         #2A2416;
  --surface-card:    rgba(255,255,255,0.06);
  --text-primary:    var(--gra-3);
  --text-secondary:  rgba(245,245,245,0.72);
  --text-muted:      rgba(245,245,245,0.48);
  --border:          rgba(255,255,255,0.14);
  --border-strong:   rgba(255,255,255,0.28);
  --accent:          var(--gull-lys);
  --accent-strong:   var(--gull-mork);
  --icon:            var(--gra-3);
  --link:            var(--gull-lys);
  --link-hover:      var(--white);
}