/* Accorded v2 — cool gray base, purple ink, periwinkle action */
:root {
  /* Base (cool gray) */
  --base-0: #FFFFFF; --base-10: #F7F8FA; --base-20: #F1F2F6; --base-30: #E6E8EE; --base-40: #D5D8E1; --base-50: #B9BDC9;
  /* Ink (purple) */
  --ink-100: #2E2435; --ink-90: #3E3147; --ink-70: #5B5063; --ink-50: #7C7287; --ink-30: #A9A2B1;
  /* Periwinkle (action + selection only) */
  --peri-70: #4249B8; --peri-60: #5B63D3; --peri-40: #8E94E3; --peri-20: #D7DAF6; --peri-10: #EEEFFA;
  /* Semantic */
  --success: #2E8C78; --success-bg: #E3F2EE;
  --warning: #B8780F; --warning-bg: #FBF0DC;
  --danger:  #C94A3A; --danger-bg:  #FBE6E2;
  /* Roles */
  --bg: var(--base-10); --surface: var(--base-0); --surface-alt: var(--base-20);
  --border: var(--peri-20); --border-strong: var(--peri-40);
  --band: var(--peri-10); --band-grid: rgba(91,99,211,.16);
  --text: var(--ink-90); --text-secondary: var(--ink-70); --text-meta: var(--ink-50);
  --action: var(--peri-60); --action-hover: var(--peri-70); --action-text: #FFFFFF;
  --selected-border: var(--peri-60); --selected-fill: var(--peri-10); --focus: var(--peri-60);
  --link: var(--peri-60);
  /* Type */
  --font-sans: Soehne, Arial, sans-serif; --font-mono: SoehneMono, ui-monospace, monospace;
  /* Radius / shadow */
  --r-4: 4px; --r-8: 8px; --r-12: 12px; --r-16: 16px; --r-pill: 999px;
  --shadow-card: 0 1px 2px rgba(46,36,53,.06); --shadow-overlay: 0 8px 24px rgba(46,36,53,.12);
}

[data-theme="dark"] {
  --base-0: #1C1620; --base-10: #251E2A; --base-20: #2E2635; --base-30: #3A3141; --base-40: #4A4052; --base-50: #5A5063;
  --ink-100: #FFFFFF; --ink-90: #F1EFF4; --ink-70: #C9C3D0; --ink-50: #948CA0; --ink-30: #6A6275;
  --peri-70: #A3A8EE; --peri-60: #8E94E3; --peri-40: #5B63D3; --peri-20: #3E3D6B; --peri-10: #2F2C47;
  --success: #6FC4AB; --success-bg: #1F3330;
  --warning: #E0A53E; --warning-bg: #3A2E1C;
  --danger:  #E8826F; --danger-bg:  #3E2626;
  --bg: var(--base-0); --surface: var(--base-10); --surface-alt: var(--base-20);
  /* Rebind roles within the dark section; inherited aliases resolve at their origin. */
  --border: var(--base-30); --border-strong: var(--base-40);
  --band: var(--base-20); --band-grid: rgba(142,148,227,.14);
  --text: var(--ink-90); --text-secondary: var(--ink-70); --text-meta: var(--ink-50);
  --action: var(--peri-60); --action-hover: var(--peri-70);
  --selected-border: var(--peri-60); --selected-fill: var(--peri-10); --focus: var(--peri-60);
  --action-text: #1C1620; --link: var(--peri-70);
  --shadow-card: none; --shadow-overlay: 0 0 0 1px var(--base-40);
}