/*
 * Light Theme
 *
 * Clean, professional light theme for daytime use.
 */

:root[data-theme="light"] {
    /* === 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: #ffffff;
    --color-bg-secondary: #f5f5f5;
    --color-bg-tertiary: #ebebeb;

    /* === TEXT === */
    --color-text-primary: #0a0a0a;
    --color-text-secondary: #0a0a0a;
    --color-text-dim: #1a1a1a;
    --color-text-muted: #333333;
    --color-text-bright: #000000;

    /* === ACCENT (Professional blue - lighter for subtlety) === */
    --color-accent: #a0b8d8;
    --color-accent-light: #5080b0;
    --color-accent-hover: #90a8c8;

    /* === SEMANTIC === */
    --color-positive: #198754;
    --color-negative: #dc3545;
    --color-warning: #fd7e14;
    --color-info: #a0b8d8;

    /* === BORDERS === */
    --color-border: #a0b8d8;
    --color-border-subtle: #dee2e6;
    --color-border-dim: #e9ecef;

    /* === SYNTAX HIGHLIGHTING === */
    --color-syntax-keyword: #0d6efd;
    --color-syntax-string: #198754;
    --color-syntax-number: #6f42c1;
    --color-syntax-comment: #6c757d;
    --color-syntax-link: #0d6efd;
    --color-syntax-heading: #0a58ca;
    --color-syntax-highlight-bg: #fff3cd;
    --color-syntax-highlight-text: #664d03;
}