/* ============================================================
   KGM — COLOUR TOKENS
   Two backgrounds (navy + soft white), two accents (blue + green).
   Blue and navy + soft white are PRIMARY. Green / light green are
   ACCENTS — button states, icon details, highlights. Never let an
   accent compete with the primaries for a whole surface.
   ============================================================ */
:root {
  /* ---- Brand palette (from KGM Brand Guidelines) ---- */
  --kgm-blue:        #1A73E8;  /* primary action, links, light-slide accent word */
  --kgm-navy:        #0D1B2A;  /* the dark background + primary ink */
  --kgm-green:       #2BC48A;  /* accent — dark-slide accent word, eyebrows on dark */
  --kgm-soft-white:  #E6E9EC;  /* the light background */
  --kgm-light-green: #7CDDB5;  /* secondary accent / hover, highlights */
  --kgm-white:       #FFFFFF;

  /* ---- Extended neutrals (derived from the website mockup) ---- */
  --kgm-ink:         #0D1B2A;  /* headings on light */
  --kgm-slate:       #2C3E50;  /* body copy on light */
  --kgm-slate-muted: #7D8A99;  /* captions, disclaimers on light */
  --kgm-on-dark:     #FFFFFF;  /* headings on navy */
  --kgm-on-dark-dim: #AEB9C5;  /* body copy on navy */
  --kgm-on-dark-mut: #7D8A99;  /* fine print on navy */

  /* ---- Tints & surfaces ---- */
  --kgm-blue-tint:   #EBF4FF;  /* pale blue card fill on light */
  --kgm-green-tint:  #E8F8F0;  /* pale green card fill on light */
  --kgm-navy-card:   #13243A;  /* raised card on navy */
  --kgm-blue-press:  #1559B8;  /* blue pressed/hover */
  --kgm-green-press: #25A877;  /* green pressed/hover */

  /* ---- Lines & borders ---- */
  --kgm-rule:        #E6E9EC;             /* hairline divider on light */
  --kgm-border:      #D6DBE2;             /* card border on light */
  --kgm-border-strong:#C9D0D8;            /* input border */
  --kgm-rule-on-dark: rgba(255,255,255,.12);

  /* ---- Signal (data evidence: failing vs restored rights) ---- */
  --kgm-alert:       #E24B4A;  /* "before" / rights failing — sparing, data only */
  --kgm-restored:    #2BC48A;  /* "after KGM" / rights restored */

  /* ============ SEMANTIC ALIASES ============ */
  --surface-light:        var(--kgm-soft-white);
  --surface-dark:         var(--kgm-navy);
  --surface-card:         var(--kgm-white);
  --surface-card-dark:    var(--kgm-navy-card);
  --surface-blue-tint:    var(--kgm-blue-tint);
  --surface-green-tint:   var(--kgm-green-tint);

  --text-heading:         var(--kgm-ink);
  --text-body:            var(--kgm-slate);
  --text-muted:           var(--kgm-slate-muted);
  --text-on-dark:         var(--kgm-on-dark);
  --text-on-dark-dim:     var(--kgm-on-dark-dim);

  --accent-on-light:      var(--kgm-blue);   /* accent word / links on light */
  --accent-on-dark:       var(--kgm-green);  /* accent word / eyebrow on dark */
  --eyebrow-on-light:     var(--kgm-blue);
  --eyebrow-on-dark:      var(--kgm-green);

  --action-primary:       var(--kgm-blue);
  --action-primary-press: var(--kgm-blue-press);
  --action-dark:          var(--kgm-navy);

  --border-card:          var(--kgm-border);
  --border-input:         var(--kgm-border-strong);
  --rule-on-light:        var(--kgm-rule);
  --rule-on-dark:         var(--kgm-rule-on-dark);
}