/* Portal design tokens. */

:root {
    color-scheme: light;
    --brand: oklch(51% 0.038 145);
    --brand-strong: oklch(37% 0.032 148);
    --brand-soft: oklch(97.2% 0.003 250);
    --accent: var(--brand);
    --accent-soft: oklch(97.2% 0.003 250);
    --blue: oklch(47% 0.095 258);
    --blue-soft: oklch(94% 0.025 258);
    --danger: oklch(51% 0.17 29);
    --danger-soft: oklch(96% 0.035 29);
    --warning: oklch(58% 0.13 58);
    --warning-soft: oklch(95% 0.04 58);
    --ink: oklch(22% 0.006 250);
    --text: oklch(35% 0.005 250);
    --muted: oklch(55% 0.005 250);
    --subtle: oklch(70% 0.004 250);
    --line: oklch(88.5% 0.004 250);
    --line-strong: oklch(80.5% 0.004 250);
    --surface: oklch(98.7% 0.002 250);
    --surface-raised: oklch(99.7% 0.001 250);
    --page-bg: oklch(96.6% 0.003 250);
    --shadow-sm: 0 1px 0 oklch(22% 0.01 250 / 0.05);
    --shadow-md: 0 16px 36px oklch(22% 0.01 250 / 0.1);
    --shadow-focus: 0 0 0 3px color-mix(in oklch, var(--brand), transparent 86%);
    --radius-card: 8px;
    --radius-control: 10px;
    --radius-pill: 999px;
    --space-2xs: 4px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 20px;
    --space-xl: 28px;
    --tap: 48px;
}