:root {
  /* Base tokens - Core 6 colors */
  --c1: #ff0066;
  --c1-100: #ff0066;
  --c1-75: #ff3d8b;
  --c1-50: #ff7aaf;
  --c1-25: #ffb8d4;
  --c1-15: #fff5f9;
  --on-c1: #000;
  --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-100: #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-100: #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-100: #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-100: #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-100: #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);

  /* Semantic mappings */
  --brand: var(--c2);
  --brand-75: var(--c2-75);
  --brand-50: var(--c2-50);
  --brand-25: var(--c2-25);
  --brand-15: var(--c2-15);
  --on-brand: var(--on-c2);
  --brand-a20: var(--c2-a20);
  --brand-a12: var(--c2-a12);

  --accent: var(--c6);
  --accent-75: var(--c6-75);
  --accent-50: var(--c6-50);
  --accent-25: var(--c6-25);
  --accent-15: var(--c6-15);
  --on-accent: var(--on-c6);
  --accent-a20: var(--c6-a20);
  --accent-a12: var(--c6-a12);

  /* Neutral system */
  --neutral-0: #ffffff;
  --neutral-50: #f7f7f8;
  --neutral-100: #eff1f3;
  --neutral-200: #e3e6ea;
  --neutral-300: #cfd5db;
  --neutral-400: #a9b2bc;
  --neutral-500: #7b8694;
  --neutral-600: #5a6470;
  --neutral-700: #404854;
  --neutral-800: #2b323b;
  --neutral-900: #151a1f;

  /* System status colors */
  --success: #18a957;
  --warning: #ffb020;
  --danger: #e5484d;
  --info: #2f7eea;
  --on-success: #fff;
  --on-warning: #000;
  --on-danger: #fff;
  --on-info: #fff;

  /* Harmony palettes (for reference) */
  --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;
}

/* Static Design Tokens */
:root {
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);

  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal: 1040;
  --z-tooltip: 1070;

  --primary-color: var(--c5);
  --success-color: var(--c4);
  --warning-color: var(--c2);
  --danger-color: var(--c1);
}

/* Generated by ACCID Multi-Palette Color Generator */
/* Mode: original */
/* Rules: H:255 M:102 L:0 */
/* Timestamp: 2026-06-15T23:15:28.738Z */