/* File: /assets/css/core/themes.css
   Owner: EC
   Purpose: Functional theme mappings (6 envs) overriding semantic tokens
   Version: 1.0
   Updated: 2025-11-06
   Notes:
     - Only overrides semantic roles from tokens.css.
     - No color-mix/alpha blends; all values are explicit brand tokens.
     - Visited links are set per environment to avoid UA defaults.
*/

/* 1) Editorial Light (default) */
:root,
[data-theme="editorial-light"] {
  --color-bg: var(--ec-neutral-100);
  --color-heading: var(--ec-neutral-700);
  --color-body:    var(--ec-neutral-700);

  --color-link:         var(--ec-neutral-500);
  --color-link-hover:   var(--ec-neutral-900);
  --color-link-visited: var(--ec-neutral-700);

  --color-surface: var(--ec-neutral-100); /* cards/panels match bg for a flat editorial feel */
  --color-border:  var(--ec-neutral-200); /* hairline separators on light */

  --color-accent:       var(--ec-teal-450); /* UI emphasis, not anchors */
  --color-accent-hover: var(--ec-teal-500);
}

/* 2) Launchpad */
[data-theme="launchpad"] {
  --color-bg: var(--ec-neutral-100);
  --color-heading: var(--ec-navy-900);     /* stronger headlines per spec */
  --color-body:    var(--ec-neutral-700);

  --color-link:         var(--ec-neutral-500);
  --color-link-hover:   var(--ec-neutral-900);
  --color-link-visited: var(--ec-neutral-700);

  --color-surface: var(--ec-neutral-100);
  --color-border:  var(--ec-neutral-200);

  --color-accent:       var(--ec-teal-450);
  --color-accent-hover: var(--ec-teal-500);
}

/* 3) Interface Light */
[data-theme="interface-light"] {
  --color-bg: var(--ec-neutral-050);       /* slightly off-white UI backdrop */
  --color-heading: var(--ec-neutral-700);
  --color-body:    var(--ec-neutral-700);

  --color-link:         var(--ec-neutral-500);
  --color-link-hover:   var(--ec-neutral-900);
  --color-link-visited: var(--ec-neutral-700);

  --color-surface: var(--ec-neutral-100);  /* components remain pure white */
  --color-border:  var(--ec-neutral-200);

  --color-accent:       var(--ec-teal-450);
  --color-accent-hover: var(--ec-teal-500);
}

/* 4) Command Console (dark navy) */
[data-theme="command-console"] {
  --color-bg: var(--ec-navy-900);
  --color-heading: var(--ec-neutral-100);
  --color-body:    var(--ec-neutral-100);

  --color-link:         var(--ec-teal-450);
  --color-link-hover:   var(--ec-teal-500);
  --color-link-visited: var(--ec-teal-450);

  --color-surface: var(--ec-neutral-900);  /* off-black panels on navy */
  --color-border:  var(--ec-surface-500);  /* visible without chalkiness */

  --color-accent:       var(--ec-teal-450);
  --color-accent-hover: var(--ec-teal-500);
}

/* 5) Interface Dark (neutral dark) */
[data-theme="interface-dark"] {
  --color-bg: var(--ec-neutral-900);
  --color-heading: var(--ec-neutral-100);
  --color-body:    var(--ec-neutral-100);

  --color-link:         var(--ec-teal-450);
  --color-link-hover:   var(--ec-teal-500);
  --color-link-visited: var(--ec-teal-450);

  --color-surface: var(--ec-neutral-900);
  --color-border:  var(--ec-surface-600);  /* slightly stronger for separation */

  --color-accent:       var(--ec-teal-450);
  --color-accent-hover: var(--ec-teal-500);
}

/* 6) Terminal (deep dark) */
[data-theme="terminal"] {
  --color-bg: var(--ec-neutral-950);
  --color-heading: var(--ec-neutral-100);
  --color-body:    var(--ec-neutral-100);

  --color-link:         var(--ec-teal-450);
  --color-link-hover:   var(--ec-teal-500);
  --color-link-visited: var(--ec-teal-450);

  --color-surface: var(--ec-neutral-950);  /* single-depth surfaces */
  --color-border:  var(--ec-surface-600);

  --color-accent:       var(--ec-teal-450);
  --color-accent-hover: var(--ec-teal-500);
}