/*
 * Gruvbox Dark Theme
 *
 * Retro groove color scheme with warm, earthy tones.
 * https://github.com/morhetz/gruvbox
 */

:root[data-theme="gruvbox"] {
    /* === TYPOGRAPHY === */
    --font-mono: 'Roboto Mono', 'Courier New', Courier, monospace;
    --font-size-base: 14px;
    --font-size-content: 13px;

    /* === SPACING === */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;

    /* === BORDER RADIUS === */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;

    /* === BACKGROUNDS === */
    --color-bg-primary: #282828;
    --color-bg-secondary: #3c3836;
    --color-bg-tertiary: #504945;

    /* === TEXT === */
    --color-text-primary: #ebdbb2;
    --color-text-secondary: #a89984;
    --color-text-dim: #7c6f64;
    --color-text-muted: #665c54;
    --color-text-bright: #fbf1c7;

    /* === ACCENT (Gruvbox aqua - muted for subtlety) === */
    --color-accent: #5a7a70;
    --color-accent-light: #6a8a80;
    --color-accent-hover: #4a6a60;

    /* === SEMANTIC === */
    --color-positive: #b8bb26;
    --color-negative: #fb4934;
    --color-warning: #fabd2f;
    --color-info: #83a598;

    /* === BORDERS === */
    --color-border: #5a7a70;
    --color-border-subtle: #504945;
    --color-border-dim: #3c3836;

    /* === SYNTAX HIGHLIGHTING === */
    --color-syntax-keyword: #83a598;
    --color-syntax-string: #b8bb26;
    --color-syntax-number: #d3869b;
    --color-syntax-comment: #928374;
    --color-syntax-link: #83a598;
    --color-syntax-heading: #fabd2f;
    --color-syntax-highlight-bg: #504945;
    --color-syntax-highlight-text: #fabd2f;
}