/* Provisional values for ADR 0004; all theme values live here. */
:root {
  --reminder-width: 23rem;
  color-scheme: light dark;
  --canvas: light-dark(#f4f0f2, #211e23);
  --surface: light-dark(#ffffff, #2e2930);
  --text: light-dark(#302b32, #f5eff5);
  --muted: light-dark(#665c68, #c7bac8);
  --border: light-dark(#958b98, #918292);
  --divider: color-mix(in srgb, var(--border) 35%, transparent);
  --scrollbar-thumb: color-mix(in srgb, var(--border) 70%, transparent);
  --scrollbar-size: 0.375rem;
  --accent: light-dark(#79536f, #d6aec9);
  --accent-text: light-dark(#ffffff, #32232e);
  --accent-hover: light-dark(#65435d, #e6c1da);
  --danger: light-dark(#a52f43, #f3acb9);
  --danger-hover: light-dark(#872337, #ffd0da);
  --danger-text: light-dark(#ffffff, #4a1521);
  --focus: light-dark(#784c95, #d6b0f0);
  --info-bg: light-dark(#eee7f4, #42334f);
  --info-text: light-dark(#4d395e, #e8d6f4);
  --success-bg: light-dark(#e6f2ea, #263f30);
  --success-text: light-dark(#265637, #bce6c8);
  --warning-bg: light-dark(#fff0d6, #48381e);
  --warning-text: light-dark(#694910, #f8dca0);
  --error-bg: light-dark(#fbe9ee, #502c37);
  --error-text: light-dark(#862f47, #ffccd9);
  --hover: light-dark(#eee7ee, #423846);
  --button-neutral-bg: color-mix(in srgb, var(--hover) 65%, var(--surface));
  --button-neutral-hover: light-dark(
    #e6d6e4,
    color-mix(in srgb, var(--hover) 80%, var(--border))
  );
  --font: ui-sans-serif, system-ui, sans-serif;
  --text-small: 0.875rem;
  --text-body: 1rem;
  --text-heading: clamp(1.6rem, 3vw, 2.4rem);
  --text-section: 1.6rem;
  --text-subheading: 1.15rem;
  --line-height: 1.5;
  --space-1: 0.375rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --feedback-height: 3.5rem;
  --radius-check: 0.25rem;
  --radius-control: 0.5rem;
  --radius-panel: 1rem;
  --control-height: 2.875rem;
  --theme-toggle-min-width: 4rem;
  --panel-width: 45rem;
  --form-width: 30rem;
  --onboarding-width: 38rem;
  --settings-width: 40rem;
  --workspace-width: 86rem;
  --workspace-menu-width: 320px;
  --summary-width: 56rem;
  --dialog-width: 48rem;
  --workspace-panel-gap: var(--space-3);
  --layer-reminder: 4;
  --layer-menu-dismiss: 5;
  --layer-menu: 6;
  --layer-menu-toggle: 7;
  --evidence-preview-height: 18rem;
  --dialog-inset: clamp(var(--space-3), 4dvh, var(--space-6));
  --dialog-padding: var(--space-4);
  --dialog-heading-gap: var(--space-2);
  --dialog-section-gap: var(--space-4);
  --clock-size: clamp(3.5rem, 8vw, 5rem);
  --mobile-clock-size: clamp(2.5rem, 12vw, var(--clock-size));
  --floating-clock-size: 2.5rem;
  --choice-list-height: calc(
    5 * var(--control-height) + 2 * var(--space-1) + 2 * var(--border-width)
  );
  --icon-size: 1.125rem;
  --brand-mark-size: 1.25em;
  --brand-mark-gap: 0.625rem;
  --scrim: rgb(20 15 22 / 40%);
  --border-width: 1px;
  --focus-width: 3px;
  --focus-offset: 3px;
  --focus-inset: calc(-1 * var(--focus-width));
  --focus-filled-inset: calc(-2 * var(--focus-width));
  --focus-safe-space: var(--space-1);
  --shadow: 0 10px 40px rgb(48 43 50 / 6%);
  --motion: 120ms ease;
  --motion-reveal-duration: 240ms;
  --motion-reveal-easing: ease;
  --motion-reveal-distance: 0.5rem;
}
:root[data-theme="light"] {
  color-scheme: light;
}
:root[data-theme="dark"] {
  color-scheme: dark;
}