/* ACCID Palette — Generated 2026-03-09T12:13:29.221Z */
/* Rules: H:255 M:102 L:0 | Mode: original */

:root {
  --c1: #ff0066;
  --c1-75: #ff3d8b;
  --c1-50: #ff7aaf;
  --c1-25: #ffb8d4;
  --c1-15: #fff5f9;
  --on-c1: #fff;
  --c1-a20: rgba(255,0,102,0.20);
  --c1-a12: rgba(255,0,102,0.12);
  --c1-a08: rgba(255,0,102,0.08);
  --c2: #ff6600;
  --c2-75: #ff8b3d;
  --c2-50: #ffaf7a;
  --c2-25: #ffd4b8;
  --c2-15: #fff9f5;
  --on-c2: #000;
  --c2-a20: rgba(255,102,0,0.20);
  --c2-a12: rgba(255,102,0,0.12);
  --c2-a08: rgba(255,102,0,0.08);
  --c3: #66ff00;
  --c3-75: #8bff3d;
  --c3-50: #afff7a;
  --c3-25: #d4ffb8;
  --c3-15: #f9fff5;
  --on-c3: #000;
  --c3-a20: rgba(102,255,0,0.20);
  --c3-a12: rgba(102,255,0,0.12);
  --c3-a08: rgba(102,255,0,0.08);
  --c4: #00ff66;
  --c4-75: #3dff8b;
  --c4-50: #7affaf;
  --c4-25: #b8ffd4;
  --c4-15: #f5fff9;
  --on-c4: #000;
  --c4-a20: rgba(0,255,102,0.20);
  --c4-a12: rgba(0,255,102,0.12);
  --c4-a08: rgba(0,255,102,0.08);
  --c5: #0066ff;
  --c5-75: #3d8bff;
  --c5-50: #7aafff;
  --c5-25: #b8d4ff;
  --c5-15: #f5f9ff;
  --on-c5: #fff;
  --c5-a20: rgba(0,102,255,0.20);
  --c5-a12: rgba(0,102,255,0.12);
  --c5-a08: rgba(0,102,255,0.08);
  --c6: #6600ff;
  --c6-75: #8b3dff;
  --c6-50: #af7aff;
  --c6-25: #d4b8ff;
  --c6-15: #f9f5ff;
  --on-c6: #fff;
  --c6-a20: rgba(102,0,255,0.20);
  --c6-a12: rgba(102,0,255,0.12);
  --c6-a08: rgba(102,0,255,0.08);
  --brand: var(--c2);
  --accent: var(--c6);
  --on-brand: var(--on-c2);
  --on-accent: var(--on-c6);
  --comp-1: #00ff99;
  --comp-2: #0099ff;
  --comp-3: #9900ff;
  --comp-4: #ff0099;
  --comp-5: #ff9900;
  --comp-6: #99ff00;
  --tri-1: #0066ff;
  --tri-2: #6600ff;
  --tri-3: #ff0066;
  --tri-4: #ff6600;
  --tri-5: #66ff00;
  --tri-6: #00ff66;
  --split-1: #00e5ff;
  --split-2: #001aff;
  --split-3: #ff00e6;
  --split-4: #ff0019;
  --split-5: #e5ff00;
  --split-6: #1aff00;
  --analog-1: #ff9900;
  --analog-2: #99ff00;
  --analog-3: #00ff99;
  --analog-4: #0099ff;
  --analog-5: #9900ff;
  --analog-6: #ff0099;
  --tetra-1: #e6ff00;
  --tetra-2: #1aff00;
  --tetra-3: #00e5ff;
  --tetra-4: #001aff;
  --tetra-5: #ff00e6;
  --tetra-6: #ff0019;
  --tg-brand: linear-gradient(to right, #ff0066, #ff6600);
  --tg-cool: linear-gradient(to right, #00ff66, #0066ff);
  --tg-warm-cool: linear-gradient(135deg, #ff6600, #0066ff);
  --tg-spectrum: linear-gradient(to right, #ff0066, #ff6600, #66ff00, #00ff66, #0066ff, #6600ff);
  --tg-accent: linear-gradient(135deg, #ff0066, #6600ff);
  --tg-triad: linear-gradient(to right, #ff0066, #66ff00, #0066ff);


    /* === Role Tokens (assigned by luminance) === */
  --surface-color: #9900ff;
  --on-surface: #ffffff;
  --hero-color: #66ff00;
  --on-hero: #000000;
  --danger: #ff6600;
  --on-danger: #ffffff;
  --warning: #ff0066;
  --on-warning: #000000;
  --success: #00ff66;
  --on-success: #ffffff;
  --info: #0066ff;
  --on-info: #ffffff;


}



/* Text gradient utility classes */
.text-gradient {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.tg-brand     { background: var(--tg-brand); }
.tg-cool      { background: var(--tg-cool); }
.tg-warm-cool { background: var(--tg-warm-cool); }
.tg-spectrum  { background: var(--tg-spectrum); }
.tg-accent    { background: var(--tg-accent); }
.tg-triad     { background: var(--tg-triad); }