/* Xcojo Design Tokens */
:root {
    --xcojo-bg: #fcfbf9;
    --xcojo-card-bg: #ffffff;
    --xcojo-text: #2c2c2c;
    --xcojo-subtext: #666666;
    --xcojo-border: #e3e0db;
    --xcojo-code-bg: #f1efeb;
    --xcojo-pre-bg: #272822;
    --xcojo-pre-color: #f8f8f2;

    --xcojo-accent: #007aff;
    --xcojo-accent-hover: #0056b3;
    --xcojo-danger: #ff3b30;
    --xcojo-success: #34c759;

    --xcojo-font: 'EB Garamond', serif;
    --xcojo-font-heading: 'EB Garamond', serif;

    --xcojo-radius-sm: 6px;
    --xcojo-radius-md: 12px;
    --xcojo-radius-lg: 16px;
    --xcojo-radius-pill: 30px;

    --xcojo-space-1: 4px;
    --xcojo-space-2: 8px;
    --xcojo-space-3: 12px;
    --xcojo-space-4: 20px;
    --xcojo-space-5: 30px;

    --xcojo-shadow-sm: 0 2px 4px rgba(0,0,0,0.02);
    --xcojo-shadow-md: 0 8px 24px rgba(0,0,0,0.15);
    --xcojo-shadow-lg: 0 10px 30px rgba(0,0,0,0.2);
}

@media (prefers-color-scheme: dark) {
    :root {
        --xcojo-bg: #121212;
        --xcojo-card-bg: #1e1e1e;
        --xcojo-text: #e0e0e0;
        --xcojo-subtext: #aaaaaa;
        --xcojo-border: #333333;
        --xcojo-code-bg: #2d2d2d;
    }
}

[data-theme="light"] {
    --xcojo-bg: #fcfbf9;
    --xcojo-card-bg: #ffffff;
    --xcojo-text: #2c2c2c;
    --xcojo-subtext: #666666;
    --xcojo-border: #e3e0db;
    --xcojo-code-bg: #f1efeb;
}

[data-theme="dark"] {
    --xcojo-bg: #121212;
    --xcojo-card-bg: #1e1e1e;
    --xcojo-text: #e0e0e0;
    --xcojo-subtext: #aaaaaa;
    --xcojo-border: #333333;
    --xcojo-code-bg: #2d2d2d;
}