:root {
    color-scheme: light;
    --ai-bg: #f7f8fc;
    --ai-ink: #171a2b;
    --ai-ink-hover: #252946;
    --ai-heading-text: var(--ai-ink);
    --ai-control-text: var(--ai-ink);
    --ai-muted-text: #52525b;
    --ai-placeholder: #717b8d;
    --ai-field-bg: #fff;
    --ai-idle-bg: #edf0f5;
    --ai-neutral-border: #dfe3ec;
    --ai-border-strong: #d4d4d8;
    --ai-control-radius: 8px;
    --ai-medium-weight: 500;
    --ai-detail-weight: 650;
    --ai-accent: #5b55df;
    --ai-accent-strong: #4943bd;
    --ai-accent-text: #4943bd;
    --ai-on-accent: #fff;
    --ai-accent-surface: rgba(91, 85, 223, .09);
    --ai-accent-hover: rgba(91, 85, 223, .15);
    --ai-accent-border: rgba(91, 85, 223, .24);
    --ai-focus-ring: rgba(91, 85, 223, .17);
    --ai-secondary-surface: rgba(91, 85, 223, .045);
}

html.dark {
    color-scheme: dark;
    --ai-bg: #0d0e12;
    --ai-heading-text: #ebecef;
    --ai-control-text: #dadce3;
    --ai-muted-text: #969dab;
    --ai-placeholder: #8b93a3;
    --ai-field-bg: #1b1d22;
    --ai-idle-bg: #1f2228;
    --ai-neutral-border: #2d3039;
    --ai-border-strong: #434651;
    --ai-medium-weight: 400;
    --ai-detail-weight: 500;
    --ai-accent: #918aff;
    --ai-accent-strong: #aaa4ff;
    --ai-accent-text: #b5b2ff;
    --ai-on-accent: #0d0e12;
    --ai-accent-surface: rgba(145, 138, 255, .14);
    --ai-accent-hover: rgba(145, 138, 255, .22);
    --ai-accent-border: rgba(145, 138, 255, .30);
    --ai-focus-ring: rgba(145, 138, 255, .22);
    --ai-secondary-surface: #1f2228;
}