:root,
html[data-theme="reference"] {
  
  --canvas: #E2E2E2;
  --surface: #F6F6F6;
  --white: #FFFFFF;
  --ink: #000000;
  --graphite: #585858;
  --primary: #8184D2;
  --secondary: #A9D9D7;
  --tertiary: #8E6FBE;
  --accent: #FEC267;
  --soft-accent: #EFAEFF;

  
  --text-main: var(--ink);
  --text-inverse: var(--white);
  --page-bg: var(--canvas);
  --panel-bg: var(--surface);
  --focus-ring: var(--primary);
}