/*
 * Sweet Theme
 *
 * Matches the ttyd terminal theme - dark blue-gray with pastel accents.
 * Seamless integration between web panels and terminal.
 */

:root[data-theme="sweet"] {
    /* === 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 (matching ttyd #1b1f2f) === */
    --color-bg-primary: #1b1f2f;
    --color-bg-secondary: #232838;
    --color-bg-tertiary: #2a3042;

    /* === TEXT (matching ttyd #e0e0e0) === */
    --color-text-primary: #e0e0e0;
    --color-text-secondary: #b3b9c5;
    --color-text-dim: #7f8490;
    --color-text-muted: #5a5f6d;
    --color-text-bright: #ffffff;

    /* === ACCENT (Sweet blue - muted for subtlety) === */
    --color-accent: #5a7ab0;
    --color-accent-light: #7a9ad0;
    --color-accent-hover: #6a8ac0;

    /* === SEMANTIC (Sweet pastels) === */
    --color-positive: #a1efd3;
    --color-negative: #f48fb1;
    --color-warning: #f1fa8c;
    --color-info: #87dfeb;

    /* === BORDERS (muted for subtlety) === */
    --color-border: #5a7ab0;
    --color-border-subtle: #3a4055;
    --color-border-dim: #2a3042;

    /* === SYNTAX HIGHLIGHTING (Sweet palette) === */
    --color-syntax-keyword: #bd99ff;
    --color-syntax-string: #a1efd3;
    --color-syntax-number: #f48fb1;
    --color-syntax-comment: #7f8490;
    --color-syntax-link: #87dfeb;
    --color-syntax-heading: #92b6f4;
    --color-syntax-highlight-bg: #3a4055;
    --color-syntax-highlight-text: #f1fa8c;
}