:root{--ds-color-bg: var(--bg-deep, #f5f1ea);--ds-color-surface: var(--bg-panel, #fdfbf6);--ds-color-surface-elevated: var(--bg-elevated, #ffffff);--ds-color-border: var(--border, #e5dfd2);--ds-color-border-strong: var(--border-strong, #d8cfbd);--ds-color-text: var(--text, #171614);--ds-color-text-muted: var(--slate-70, #524f4a);--ds-color-text-faint: var(--slate-50, #7c7770);--ds-color-accent: var(--accent, #c53727);--ds-color-accent-strong: var(--accent-strong, #a82e20);--ds-color-ok: var(--hf-ok, #1f7a3a);--ds-color-warn: var(--hf-warn, #b8901a);--ds-color-info: var(--hf-info, #0284c7);--ds-color-danger: var(--danger-brick, #a33122);--ds-radius-sm: var(--hf-radius-sm, 7px);--ds-radius: var(--hf-radius, 10px);--ds-radius-lg: var(--hf-radius-lg, 14px);--ds-radius-xl: var(--radius-xl, 14px);--ds-radius-pill: var(--radius-pill, 999px);--ds-shadow-sm: var(--hf-shadow-sm, 0 1px 2px rgba(15, 23, 42, .04));--ds-shadow: var(--hf-shadow, 0 1px 3px rgba(15, 23, 42, .08));--ds-shadow-lg: var(--hf-shadow-lg, 0 10px 30px rgba(15, 23, 42, .12));--ds-space-1: var(--space-1, 4px);--ds-space-2: var(--space-2, 8px);--ds-space-3: var(--space-3, 12px);--ds-space-4: var(--space-4, 16px);--ds-space-5: var(--space-5, 20px);--ds-space-6: var(--space-6, 24px);--ds-space-8: var(--space-8, 32px);--ds-z-modal: var(--z-modal, 150);--ds-z-overlay: var(--z-overlay, 9999);--ds-color-on-accent: var(--on-accent, #ffffff);--ds-focus-ring: 0 0 0 3px rgba(var(--accent-rgb, 220, 38, 38), .32);--ds-transition-fast: .12s var(--ease-out, cubic-bezier(.16, 1, .3, 1));--ds-transition: .2s var(--ease-out, cubic-bezier(.16, 1, .3, 1));--ds-modal-backdrop: rgba(15, 23, 42, .45);--ds-color-bg-app: var(--cream, #f5f1ea);--ds-color-surface-2: var(--paper-2, #faf5ec);--ds-color-accent-tint: color-mix(in srgb, var(--ds-color-accent) 12%, var(--ds-color-surface));--ds-color-ok-tint: color-mix(in srgb, var(--ds-color-ok) 14%, var(--ds-color-surface));--ds-color-warn-tint: color-mix(in srgb, var(--ds-color-warn) 14%, var(--ds-color-surface));--ds-color-danger-tint: color-mix(in srgb, var(--ds-color-danger) 14%, var(--ds-color-surface));--ds-color-info-tint: color-mix(in srgb, var(--ds-color-info) 14%, var(--ds-color-surface));--ds-shadow-card: 0 1px 0 rgba(23, 22, 20, .04), 0 4px 14px -8px rgba(23, 22, 20, .12);--ds-shadow-pop: 0 10px 24px -10px rgba(23, 22, 20, .18);--ds-color-text-subtle: var(--slate-50, #7c7770);--ds-color-track: var(--slate-08, #efeae0);--ds-radius-card: var(--radius-lg, 12px);--ds-font-sans: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ds-font-mono: var(--fab-mono, "Geist Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace);--ds-text-head-m: 34px;--ds-text-head-weight: 600}