:root {
    --color-ink: #111111;
    --color-ink-soft: #404040;
    --color-surface: #f4f4f4;
    --color-surface-strong: #ffffff;
    --color-surface-muted: #e8edf3;
    --color-line: rgba(17, 17, 17, 0.12);
    --color-line-strong: rgba(17, 17, 17, 0.22);
    --color-accent: #0f62fe;
    --color-accent-soft: #dbe8ff;
    --color-panel: #161616;
    --color-panel-soft: #262626;
    --color-panel-line: rgba(255, 255, 255, 0.12);
    --color-panel-text: rgba(255, 255, 255, 0.76);
    --shadow-panel: 0 18px 60px rgba(8, 18, 36, 0.12);
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 28px;
    --container-width: 1240px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;
    --font-sans: "IBM Plex Sans", sans-serif;
    --font-mono: "IBM Plex Mono", monospace;
    --transition-standard: 180ms ease;
}