/* ============================================================
   DNX Solutions — Colour tokens
   Source of truth: DNX Brand Guidelines FA02 (Percept, 2025)
   + operational brand prompt. Official colour NAMES preserved.

   Vendored verbatim from the DNX Experience design system.
   Do not edit by hand — re-export from the design project.
   ============================================================ */

:root {
  /* ── Primary palette ───────────────────────────────────── */
  --dnx-secure:    #252540;  /* RGB 37,37,64   · Pantone 3581C · navy   */
  --dnx-evolve:    #0057D7;  /* RGB 0,87,215   · Pantone 2935C · blue   */
  --dnx-future:    #64B5FE;  /* RGB 100,181,254· Pantone 299C  · sky    */
  --dnx-adapt:     #EEF7FF;  /* RGB 238,247,255· lightest tint          */
  --dnx-white:     #FFFFFF;

  /* ── Secondary palette (use sparingly) ─────────────────── */
  --dnx-empower:   #FFAD6D;  /* RGB 255,173,109· Pantone 2016C · orange — CTA ONLY, never a background */
  --dnx-trust:     #96FFD2;  /* RGB 150,255,210· Pantone 7478C · mint   */
  --dnx-focus:     #FFFF93;  /* RGB 255,255,147· Pantone 600C  · yellow */
  --dnx-cloud:     #D0D9E2;  /* RGB 208,217,236· cool grey-blue         */
  --dnx-transform: #D8ECFC;  /* RGB 216,236,252· pale blue              */
  --dnx-data:      #DAE3EC;  /* RGB 218,227,236                         */
  --dnx-stream:    #E4EDF6;  /* RGB 228,237,246                         */

  /* Icon-on-dark highlight (brand prompt) */
  --dnx-icon-yellow: #FEF08A;

  /* ── Neutral ramp (derived from Secure) ────────────────── */
  --dnx-ink:      #252540;
  --dnx-grey-700: #4A4A63;
  --dnx-grey-500: #6F6F86;
  --dnx-grey-400: #9A9DB0;
  --dnx-grey-300: #C9CDDA;
  --dnx-grey-200: #E5E8F0;
  --dnx-grey-100: #F2F4F9;

  /* ── Status hues ───────────────────────────────────────── */
  --dnx-danger:  #D7263D;
  --dnx-warning: var(--dnx-empower);
  --dnx-success: #1F9D6B;
  --dnx-info:    var(--dnx-future);

  /* ────────────────────────────────────────────────────────
     SEMANTIC ALIASES — light / default (Adapt + white surfaces)
     ──────────────────────────────────────────────────────── */
  --background:          var(--dnx-white);
  --foreground:          var(--dnx-secure);
  --surface-page:        var(--dnx-adapt);
  --surface-card:        var(--dnx-adapt);
  --surface-card-raised: var(--dnx-white);
  --surface-box-header:  var(--dnx-adapt);
  --surface-box-body:    var(--dnx-white);
  --surface-muted:       var(--dnx-grey-100);
  --surface-inverse:     var(--dnx-secure);

  --text-heading:    var(--dnx-secure);
  --text-body:       var(--dnx-secure);
  --text-muted:      var(--dnx-grey-500);
  --text-on-primary: var(--dnx-white);
  --text-on-accent:  var(--dnx-secure);   /* navy text on Empower */
  --text-on-dark:    rgba(255, 255, 255, 0.85);

  --primary:            var(--dnx-evolve);
  --primary-foreground: var(--dnx-white);
  --accent:             var(--dnx-empower);   /* CTA only */
  --accent-foreground:  var(--dnx-secure);
  --accent-alt:         var(--dnx-trust);

  --border:        var(--dnx-grey-200);
  --border-strong: var(--dnx-grey-300);
  --input:         var(--dnx-grey-200);
  --ring:          var(--dnx-evolve);
  --destructive:   var(--dnx-danger);
}

/* ── Secure (dark) theme scope — the brand "dark hero" ───── */
[data-theme="secure"],
[data-theme="navy"] {
  --background:          var(--dnx-secure);
  --foreground:          #FFFFFF;
  --surface-page:        var(--dnx-secure);
  --surface-card:        #2E2E4C;
  --surface-card-raised: #2E2E4C;
  --surface-box-header:  #2E2E4C;
  --surface-box-body:    #25253E;
  --surface-muted:       #34344F;
  --surface-inverse:     var(--dnx-white);
  --text-heading:        #FFFFFF;
  --text-body:           rgba(255, 255, 255, 0.85);
  --text-muted:          rgba(255, 255, 255, 0.6);
  --text-on-dark:        rgba(255, 255, 255, 0.85);
  --border:              rgba(255, 255, 255, 0.12);
  --border-strong:       rgba(255, 255, 255, 0.22);
  --input:               rgba(255, 255, 255, 0.12);
}

/* ── Evolve (blue) theme scope ───────────────────────────── */
[data-theme="evolve"],
[data-theme="blue"] {
  --background:          #1755CF;
  --foreground:          #FFFFFF;
  --surface-page:        #1755CF;
  --surface-card:        #1244AF;
  --surface-card-raised: #1244AF;
  --surface-box-header:  #1244AF;
  --surface-box-body:    #1244AF;
  --surface-muted:       #1A60C8;
  --text-heading:        #FFFFFF;
  --text-body:           rgba(255, 255, 255, 0.9);
  --text-muted:          rgba(255, 255, 255, 0.72);
  --border:              rgba(255, 255, 255, 0.16);
  --border-strong:       rgba(255, 255, 255, 0.28);
  --input:               rgba(255, 255, 255, 0.16);
}