/* retoor <retoor@molodetz.nl> */
:root {
    --color-bg: #0a0a0a;
    --color-surface: #141414;
    --color-surface-elevated: #1a1a1a;
    --color-border: #2a2a2a;
    --color-text: #e0e0e0;
    --color-text-muted: #888888;
    --color-text-dim: #555555;
    --color-accent: #4a9eff;
    --color-accent-hover: #6ab4ff;
    --color-accent-dim: rgba(74, 158, 255, 0.15);
    --color-success: #4caf50;
    --color-error: #ef5350;
    --color-warning: #ff9800;
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;
    --content-width: 800px;
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
}