/* Shared SANO design tokens for public, authentication, and product surfaces. */
:root {
  color-scheme: light;
  --ui-canvas: #edf2ed;
  --ui-surface: #f8faf7;
  --ui-surface-raised: #ffffff;
  --ui-surface-muted: #e5ece6;
  --ui-text: #15231e;
  --ui-text-secondary: #53635b;
  --ui-text-quiet: #53635b;
  --ui-text-faint: #637069;
  --ui-divider: #d3ddd6;
  --ui-divider-strong: #b7c6bd;
  --ui-accent: #176b59;
  --ui-accent-hover: #0e5748;
  --ui-accent-active: #0a463a;
  --ui-accent-soft: #dcebe4;
  --ui-warm: #c66b4f;
  --ui-focus: #095fc1;
  --ui-success: #176b59;
  --ui-success-soft: #dcebe4;
  --ui-warning: #83551d;
  --ui-warning-soft: #f4ead7;
  --ui-danger: #95453e;
  --ui-danger-soft: #f5e5e2;
  --ui-info: #245f7a;
  --ui-info-soft: #e2edf2;

  --ui-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --ui-font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;
  --ui-text-xs: .75rem;
  --ui-text-sm: .8125rem;
  --ui-text-md: .9375rem;
  --ui-text-lg: 1.125rem;
  --ui-text-xl: 1.375rem;
  --ui-text-2xl: 1.75rem;
  --ui-space-1: .25rem;
  --ui-space-2: .5rem;
  --ui-space-3: .75rem;
  --ui-space-4: 1rem;
  --ui-space-5: 1.5rem;
  --ui-space-6: 2rem;
  --ui-radius-control: 8px;
  --ui-radius-surface: 12px;
  --ui-radius-notice: 10px;
  --ui-shadow-raised: 0 8px 28px rgb(21 35 30 / .08);
  --ui-shadow-overlay: 0 16px 44px rgb(21 35 30 / .2);
  --ui-motion-fast: 150ms;
  --ui-motion-normal: 220ms;
  --ui-ease-standard: cubic-bezier(.2, 0, 0, 1);
}