:root {
    /* OpenCode Palette — Light */
    --bg: #ffffff;
    --bg-alt: #fafafa;
    --text: #09090b;
    --accent: #09090b;
    --accent-text: #fafafa;
    --muted: #71717a;
    --border: #e4e4e7;
    --card-bg: #f4f4f5;
    --hover: #27272a;

    /* Font */
    --font-mono: ui-monospace, 'SFMono-Regular', 'Menlo', 'Consolas', 'Liberation Mono', monospace;

    /* Spacing & Radius */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 3rem;
    --spacing-xl: 5rem;
    --transition: all 0.2s ease-in-out;
}

[data-theme="dark"] {
    /* OpenCode Palette — Dark */
    --bg: #09090b;
    --bg-alt: #121214;
    --text: #fafafa;
    --accent: #fafafa;
    --accent-text: #09090b;
    --muted: #a1a1aa;
    --border: #27272a;
    --card-bg: #18181b;
    --hover: #e4e4e7;
}