/*
 * One Dark Theme
 *
 * Atom's iconic dark theme - balanced and professional.
 * https://github.com/atom/one-dark-syntax
 * Semantic colors adjusted for ttyd terminal compatibility.
 */

:root[data-theme="onedark"] {
    /* === 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: #282c34;
    --color-bg-secondary: #21252b;
    --color-bg-tertiary: #2c323c;

    /* === TEXT === */
    --color-text-primary: #abb2bf;
    --color-text-secondary: #828997;
    --color-text-dim: #5c6370;
    --color-text-muted: #4b5263;
    --color-text-bright: #d7dae0;

    /* === ACCENT (One Dark blue - muted for subtlety) === */
    --color-accent: #4a7a9c;
    --color-accent-light: #5a8aac;
    --color-accent-hover: #5585a5;

    /* === SEMANTIC (ttyd-harmonized) === */
    --color-positive: #98c379;
    --color-negative: #e06c75;
    --color-warning: #e5c07b;
    --color-info: #61afef;

    /* === BORDERS === */
    --color-border: #4a7a9c;
    --color-border-subtle: #3e4451;
    --color-border-dim: #2c323c;

    /* === SYNTAX HIGHLIGHTING === */
    --color-syntax-keyword: #61afef;
    --color-syntax-string: #98c379;
    --color-syntax-number: #d19a66;
    --color-syntax-comment: #5c6370;
    --color-syntax-link: #61afef;
    --color-syntax-heading: #e06c75;
    --color-syntax-highlight-bg: #3e4451;
    --color-syntax-highlight-text: #e5c07b;
}