:root{--oat-ink: #1a1a1a;--oat-sub: #6b6b6b;--oat-line: #e3e3e3;--oat-surface: #ffffff;--oat-elevation-1: 0 1px 2px rgba(0, 0, 0, .05);--oat-space-xs: 4px;--oat-space-sm: 8px;--oat-space-md: 12px;--oat-space-lg: 16px;--oat-space-xl: 20px;--oat-space-2xl: 24px;--oat-space-3xl: 32px;--oat-space-4xl: 48px;--oat-settings-label-col: 320px;--oat-radius-small: 4px;--oat-radius-base: 8px;--oat-radius-large: 12px;--oat-radius-full: 9999px;--oat-radius-control: 8px;--oat-radius-card: 12px;--oat-font-200: 12px;--oat-font-300: 13px;--oat-font-400: 14px;--oat-font-500: 16px;--oat-font-600: 18px;--oat-font-700: 20px;--oat-font-800: 24px;--oat-font-weight-regular: 450;--oat-font-weight-medium: 550;--oat-font-weight-semibold: 650;--oat-font-weight-bold: 650}:root{--ink: var(--oat-ink);--sub: var(--oat-sub);--line: var(--oat-line)}