:root {
    --color-brand: #097B95;
    --color-brand-hover: #086d84;
    --color-surface-dark: #221737;
    --color-muted: #CBCBCB;
    --color-danger: #a10f0f;
    --ink: #111;
    --purple: var(--color-surface-dark);
    --purple-2: var(--color-surface-dark);
    --cyan: var(--color-brand);
    --muted: var(--color-muted);
    --white: #fff;
    --line: var(--color-muted);
    --radius-control: 10px;
    --radius-nested: 12px;
    --radius-panel: 16px;
    --control-height: 40px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --motion-smooth: cubic-bezier(.22, 1, .36, 1);
    --motion-duration: .32s;
}