/**
 * /ai palette — change these to retint the page.
 *
 * Dark (page):  black, white, accent, gray, surface
 * Light (inset): light-bg, light-text, light-muted, light-surface, light-accent — mirrors the dark roles
 *
 * accent-rgb must stay in sync with accent (testimonial rgba() borders/highlights).
 */
:root {
  --ai-color-black: #1e1d1f;
  --ai-color-white: #ffffff;
  --ai-color-accent: #6bc1d2;
  --ai-color-accent-rgb: 107, 193, 210;
  --ai-color-gray: #a3a3a3;
  --ai-color-surface: #242424;
  --ai-color-light-bg: #f4f4f5;
  --ai-color-light-text: #1e1d1f;
  --ai-color-light-muted: #5a5a5c;
  --ai-color-light-surface: #ffffff;
  --ai-color-light-accent: color-mix(in srgb, var(--ai-color-accent) 62%, var(--ai-color-light-text) 38%);
  --ai-canvas-grid-size: 22px;
}