/*
 * AUTO-GENERATED from libs/ui — do not edit by hand.
 * Source: libs/ui/include/ui/colors.h + libs/ui/src/theme.c
 * Generator: libs/ui/tools/theme_to_css.c
 *
 * Rebuild: make -C libs/ui tokens
 */

:root {
    /* Backgrounds */
    --color-bg: #181820;
    --color-bg-elevated: #1e1e28;
    --color-bg-surface: #282832;

    /* Text */
    --color-text: #d4d4d4;
    --color-text-muted: #808080;
    --color-text-subtle: #6a6a6a;

    /* Borders */
    --color-border: #5e5e70;
    --color-border-subtle: #2a2a34;
    --color-border-focus: #007acc;

    /* Interactive */
    --color-accent: #007acc;
    --color-accent-hover: #1c97ea;
    --color-hover: #2c2c38;
    --color-selected: #094771;

    /* Semantic */
    --color-error: #f14c4c;
    --color-warning: #cca700;
    --color-success: #89d185;
    --color-info: #3794ff;

    /* Icons */
    --color-icon-folder: #dcb67a;
    --color-icon-file: #8899aa;

    /* Typography — derived from Studio 5-tier scale */
    --font-size-xs: 10px;
    --font-size-sm: 12px;
    --font-size-base: 13px;
    --font-size-lg: 14px;
    --font-size-xl: 16px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;
    --font-size-4xl: 48px;
    --font-size-hero: 64px;

    /* Spacing — 4px base grid */
    --space-unit: 4px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 24px;
    --space-2xl: 32px;
    --space-3xl: 48px;
    --space-4xl: 64px;

    /* Borders */
    --radius: 4px;

    /* Font stacks */
    --font-mono: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
    --font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Weights */
    --font-weight-light: 200;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    /* Line heights */
    --line-height-tight: 1.2;
    --line-height-base: 1.5;
    --line-height-loose: 1.75;

    /* Letter spacing */
    --letter-spacing-tight: -0.02em;
    --letter-spacing-wide: 0.08em;
    --letter-spacing-wider: 0.15em;

    /* Layout */
    --max-width-content: 800px;
    --max-width-wide: 1200px;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
}