/* Neutral color roles. Geometry belongs to ui-controls.css.
   References: vercel.com/geist/colors and radix-ui.com/themes/docs/theme/color.
   Values are custom for 2do's near-black and #ccc canvases, not copied themes. */
:root,:root[data-theme="day"]{
 --canvas:#cccccc;--surface-panel:#d4d4d4;--surface-control:#dcdcdc;
 --surface-hover:#d0d0d0;--surface-selected:#bfbfbf;--surface-pressed:#b5b5b5;
 --border-subtle:#b8b8b8;--border-control:#999999;--border-strong:#888888;
 --text-primary:#292929;--text-muted:#555555;--text-disabled:#818181;
 --accent:var(--accent-light);--accent-contrast:#ffffff;
 --record-accent:var(--accent);
 --paper:var(--canvas);--ink:var(--text-primary);
}
:root[data-theme="night"]{
 --canvas:#0a0a0a;--surface-panel:#111111;--surface-control:#1a1a1a;
 --surface-hover:#242424;--surface-selected:#303030;--surface-pressed:#3b3b3b;
 --border-subtle:#282828;--border-control:#444444;--border-strong:#666666;
 --text-primary:#dedede;--text-muted:#a0a0a0;--text-disabled:#707070;
 --accent:var(--accent-dark);--accent-contrast:#111111;
 --record-accent:var(--accent);
 --paper:var(--canvas);--ink:var(--text-primary);
}

/* One accent choice, adapted for readable foregrounds in each theme. */
:root{--accent-light:#000000;--accent-dark:#ffffff;
 --coral-light:#9f2921;--coral-dark:#ff776b;
 --accent-surface:color-mix(in srgb,var(--accent) 16%,var(--surface-control));
 --accent-hover:color-mix(in srgb,var(--accent) 22%,var(--surface-control));
 --accent-pressed:color-mix(in srgb,var(--accent) 28%,var(--surface-control));
 --icon-hover:var(--surface-selected);--icon-pressed:var(--surface-pressed);
}
:root[data-accent=coral],.accent-swatch[data-accent-choice=coral]{--accent-light:var(--coral-light);--accent-dark:var(--coral-dark);}
:root[data-accent=amber],.accent-swatch[data-accent-choice=amber]{--accent-light:#705000;--accent-dark:#ffd04a;}
:root[data-accent=green],.accent-swatch[data-accent-choice=green]{--accent-light:#125f33;--accent-dark:#5de093;}
:root[data-accent=blue],.accent-swatch[data-accent-choice=blue]{--accent-light:#234c99;--accent-dark:#6ea6ff;}
:root[data-accent=violet],.accent-swatch[data-accent-choice=violet]{--accent-light:#5833a4;--accent-dark:#b194ff;}

/* Swatches show the same full-strength hue as checked boxes, not a separate pastel. */
.accent-swatch{--swatch:var(--accent-light)}
:root[data-theme=night] .accent-swatch{--swatch:var(--accent-dark)}

/* Neutral reverses with the theme; its identifying swatch remains half white / black. */
:root[data-accent=neutral],.accent-swatch[data-accent-choice=neutral]{--accent-light:#000000;--accent-dark:#ffffff}
.accent-swatch[data-accent-choice=neutral],:root[data-theme=night] .accent-swatch[data-accent-choice=neutral]{
 --swatch:linear-gradient(90deg,#ffffff 50%,#000000 50%);
 --swatch-check:linear-gradient(90deg,#000000 50%,#ffffff 50%);
}

/* Neutral UI keeps the recording action red in both themes. */
:root[data-accent=neutral]{--record-accent:var(--coral-light)}
:root[data-theme=night][data-accent=neutral]{--record-accent:var(--coral-dark)}