/* CalMedi design tokens — single source of truth.
 * Loaded by _base.html for every page. Do not duplicate these in
 * per-template <style> blocks. */
:root {
    --brand: oklch(55% 0.12 210);
    --brand-hover: oklch(50% 0.12 210);
    --success: oklch(65% 0.15 150);
    --warning: oklch(75% 0.15 60);
    --error: oklch(55% 0.22 25);
    --info: oklch(60% 0.18 240);
    --bg: oklch(98% 0.01 80);
    --surface: oklch(100% 0 0);
    --surface-elevated: oklch(99% 0.01 80);
    --text: oklch(25% 0.02 210);
    --text-muted: oklch(60% 0.02 210);
    --text-dim: oklch(70% 0.01 80);
    --border: oklch(90% 0.02 80);
    --border-subtle: oklch(95% 0.01 80);
    --shadow-sm: 0 1px 2px oklch(0% 0 0 / 5%);
    --shadow-md: 0 4px 6px -1px oklch(0% 0 0 / 10%), 0 2px 4px -1px oklch(0% 0 0 / 6%);
    --shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / 10%), 0 4px 6px -2px oklch(0% 0 0 / 5%);
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;

    /* Beta banner accent (amber). */
    --beta-bg: oklch(75% 0.15 60);
    --beta-fg: oklch(20% 0.04 60);
}