/* ============================================================
   evia · Color tokens
   Source: official evia brand color guidelines (2025).
   Primary = black + white (black is mandatory in every design).
   Accents = lime green, cyan, pink — "inspired by the world of
   programming", used SPARINGLY for emphasis.
   ============================================================ */

:root {
  /* ---- Primary ---------------------------------------------- */
  --evia-black: #05060a;            /* Schwarz – Primär (Black 6C) */
  --evia-white: #ffffff;            /* Weiß – Primär */

  /* ---- Accent (use sparingly) ------------------------------- */
  --evia-green: #bee600;            /* Grün – Akzent (382 C) — signature */
  --evia-cyan:  #00e7ff;            /* Blau – Akzent (311 C) */
  --evia-pink:  #ff00ac;            /* Pink – Akzent (213 C) */

  /* ---- Secondary: green ramp -------------------------------- */
  --evia-green-100: #f5ffc7;        /* Helles Grün */
  --evia-green-300: #ebff8f;        /* Mittleres Grün */
  --evia-green-700: #8eac00;        /* Dunkles Grün (575 C) */

  /* ---- Secondary: blue/cyan ramp ---------------------------- */
  --evia-blue-100: #b3f8ff;         /* Helles Blau */
  --evia-blue-500: #00a0b1;         /* Mittleres Blau */
  --evia-blue-700: #007380;         /* Dunkles Blau */

  /* ---- Secondary: greys (surfaces & chart fills only —
          NEVER a text colour) ------------------------------- */
  --evia-grey-100: #eeeeee;         /* Hellgrau (Cool Grey 2C) */
  --evia-grey-200: #e1e1e1;         /* Grau (Cool Grey 6C) */

  /* ---- Extended ink ramp (dark-first UI surfaces) -----------
     Derived from --evia-black for the dark interfaces the brand
     lives on. Not in the printed guide; tuned for screen use.   */
  --evia-ink-950: #05060a;
  --evia-ink-900: #0a0c12;
  --evia-ink-850: #0f111a;
  --evia-ink-800: #161922;
  --evia-ink-700: #1f2330;
  --evia-ink-600: #2b3040;
  --evia-ink-500: #3c4456;
  --evia-ink-400: #5b6478;
  --evia-ink-300: #8a93a6;
  --evia-ink-200: #b9c0cf;
  --evia-ink-100: #e6e9f0;

  /* ============================================================
     Semantic aliases — DARK theme (default for evia)
     ============================================================ */
  --bg-base:        var(--evia-black);
  --bg-sunken:      #020305;
  --bg-elevated:    var(--evia-ink-850);
  --surface-card:   var(--evia-ink-850);
  --surface-card-hover: var(--evia-ink-800);
  --surface-inset:  var(--evia-ink-900);

  --border-subtle:  rgba(255,255,255,0.08);
  --border-default: rgba(255,255,255,0.14);
  --border-strong:  rgba(255,255,255,0.28);

  /* Type is never grey: white on dark, black on light. Hierarchy
     comes from size, weight and opacity — not from grey values. */
  --text-primary:   var(--evia-white);
  --text-secondary: var(--evia-white);
  --text-muted:     var(--evia-white);
  --text-disabled:  rgba(255,255,255,0.45);
  --text-on-accent: var(--evia-black);

  --accent:         var(--evia-green);
  --accent-hover:   #cef000;
  --accent-press:   var(--evia-green-700);
  --accent-contrast: var(--evia-black);
  --focus-ring:     var(--evia-green);

  /* status */
  --status-success: var(--evia-green);
  --status-info:    var(--evia-cyan);
  --status-warning: #ffc400;
  --status-danger:  var(--evia-pink);

  --link:           var(--evia-cyan);
  --selection-bg:   var(--evia-green);
  --selection-fg:   var(--evia-black);
}

/* ============================================================
   Light theme scope — apply `.evia-light` for documents/decks
   on white (the brand's "black on white" baseline).
   ============================================================ */
.evia-light {
  --bg-base:        var(--evia-white);
  --bg-sunken:      var(--evia-grey-100);
  --bg-elevated:    var(--evia-white);
  --surface-card:   var(--evia-white);
  --surface-card-hover: #fafafa;
  --surface-inset:  var(--evia-grey-100);

  --border-subtle:  rgba(5,6,10,0.08);
  --border-default: rgba(5,6,10,0.14);
  --border-strong:  rgba(5,6,10,0.28);

  --text-primary:   var(--evia-black);
  --text-secondary: var(--evia-black);
  --text-muted:     var(--evia-black);
  --text-disabled:  rgba(5,6,10,0.40);
  --text-on-accent: var(--evia-black);

  --accent:         var(--evia-green);
  --accent-hover:   var(--evia-green-700);
  --accent-press:   var(--evia-green-700);
  --link:           var(--evia-blue-700);
}