/* UND Assay design tokens · © Universal Network Development LLC (UND Industries). All rights reserved.
   The ONLY place colors are defined. Two themes:
   - ember (default): red / black / orange glass, dark
   - light: standard black & white
   Brand colors (crimson, orange) never signal state. State colors are separate tokens and always
   appear with an icon and a word. */
:root, [data-theme="ember"] {
  color-scheme: dark;
  --bg-0: #07040a; --bg-1: #0e080b; --bg-2: #150b0f;
  --surface: rgba(24, 10, 14, .72); --surface-solid: #140a0e; --surface-2: rgba(255, 240, 232, .04); --surface-3: rgba(255, 240, 232, .07);
  --text: #f6efe9; --text-2: #c9b9b2; --text-3: #8f807a; --text-inverse: #170604;
  --line: rgba(255, 220, 210, .11); --line-2: rgba(255, 220, 210, .18);
  --brand: #b3122e; --brand-2: #e0283f; --accent: #ff7a1a; --accent-2: #ffa04d; --accent-soft: rgba(255, 122, 26, .14);
  --focus: #ff9a3d;
  --glass-1: rgba(255, 236, 228, .09); --glass-2: rgba(255, 230, 220, .025); --glass-3: rgba(24, 9, 12, .64); --glass-4: rgba(12, 5, 8, .84);
  --rim: rgba(255, 220, 210, .15); --rim-top: rgba(255, 228, 218, .40); --rim-bot: rgba(255, 255, 255, .05); --spec: rgba(255, 236, 228, .34);
  --shadow: 0 18px 44px -16px rgba(0, 0, 0, .85);
  --hero-filter: none;
  --hero-tint: linear-gradient(180deg, rgba(7,4,10,.55) 0%, rgba(7,4,10,.32) 30%, rgba(7,4,10,.80) 74%, #07040a 100%);
  --icon: #ff8a3d;
  /* state tokens */
  --s-ver-fg: #0b0d10; --s-ver-bg: #e6ebf2;
  --s-cla-fg: #ffc85a; --s-cla-bd: #ffc85a;
  --s-con-fg: #ffffff; --s-con-bg: #ff2d55;
  --s-sta-fg: #cfc6c2; --s-sta-bg: rgba(207, 198, 194, .14);
  --s-unk-fg: #cfc6c2; --s-unk-bd: #8f807a;
  /* soft state pills (sentence case) */
  --p-ver-fg: #e9eef6; --p-ver-bg: rgba(230, 235, 242, .10); --p-ver-bd: rgba(230, 235, 242, .38);
  --p-cla-fg: #ffcf73; --p-cla-bg: rgba(255, 200, 90, .09); --p-cla-bd: rgba(255, 200, 90, .45);
  --p-con-fg: #ff8095; --p-con-bg: rgba(255, 45, 85, .12); --p-con-bd: rgba(255, 45, 85, .55); --p-con-hatch: rgba(255, 45, 85, .14);
  /* severity */
  --sev-high: #ff4d6a; --sev-high-bg: rgba(255, 45, 85, .13);
  --sev-med: #ffc85a; --sev-med-bg: rgba(255, 200, 90, .11);
  --sev-low: #c9b9b2; --sev-low-bg: rgba(201, 185, 178, .10);
  --sev-info: #9fb4ff; --sev-info-bg: rgba(159, 180, 255, .10);
}
[data-theme="light"] {
  color-scheme: light;
  --bg-0: #f4f4f5; --bg-1: #ffffff; --bg-2: #ececee;
  --surface: #ffffff; --surface-solid: #ffffff; --surface-2: #f6f6f7; --surface-3: #eeeef0;
  --text: #0a0a0b; --text-2: #3f3f46; --text-3: #6b6b74; --text-inverse: #ffffff;
  --line: #e4e4e7; --line-2: #d4d4d8;
  --brand: #0a0a0b; --brand-2: #27272a; --accent: #0a0a0b; --accent-2: #27272a; --accent-soft: rgba(10, 10, 11, .06);
  --focus: #0a0a0b;
  --glass-1: #ffffff; --glass-2: #ffffff; --glass-3: #ffffff; --glass-4: #ffffff;
  --rim: #e4e4e7; --rim-top: #e4e4e7; --rim-bot: #d4d4d8; --spec: rgba(255, 255, 255, 0);
  --shadow: 0 1px 2px rgba(0,0,0,.05), 0 8px 24px -12px rgba(0,0,0,.12);
  --hero-filter: grayscale(1) contrast(1.1) brightness(.75);
  --hero-tint: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 35%, rgba(0,0,0,.72) 78%, #f4f4f5 100%);
  --icon: #0a0a0b;
  --s-ver-fg: #ffffff; --s-ver-bg: #0a0a0b;
  --s-cla-fg: #8a4b00; --s-cla-bd: #b26200;
  --s-con-fg: #ffffff; --s-con-bg: #c8102e;
  --s-sta-fg: #52525b; --s-sta-bg: #ececee;
  --s-unk-fg: #52525b; --s-unk-bd: #a1a1aa;
  --p-ver-fg: #0a0a0b; --p-ver-bg: #f1f1f3; --p-ver-bd: #0a0a0b;
  --p-cla-fg: #8a4b00; --p-cla-bg: #fdf4e6; --p-cla-bd: #d39a4a;
  --p-con-fg: #b00d27; --p-con-bg: #fdecef; --p-con-bd: #e38797; --p-con-hatch: rgba(200, 16, 46, .10);
  --sev-high: #c8102e; --sev-high-bg: #fde8eb;
  --sev-med: #8a4b00; --sev-med-bg: #fdf1df;
  --sev-low: #52525b; --sev-low-bg: #f1f1f3;
  --sev-info: #1d4ed8; --sev-info-bg: #e8eefc;
}