/* Tokens del panel. Solo modo oscuro. Razones de cada valor: ver ../DESIGN.md */
:root {
    color-scheme: dark;

    --bg: #0a0a0b;
    --surface: #131316;
    --surface-2: #1b1b1f;
    --line: #2b2b31;
    --control-line: #76767e;
    --text: #ececee;
    --muted: #8a8a8a;
    --green: #00cc6a;
    --green-ink: #04140b;
    --purple: #a855f7;
    --purple-text: #c9a0fb;
    --danger: #ff8a8a;
    --danger-bg: #2a1417;
    --warn: #f0b429;

    --sans: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --mono: 'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

    --s1: 4px;
    --s2: 8px;
    --s3: 12px;
    --s4: 16px;
    --s5: 24px;
    --s6: 32px;
    --s7: 48px;

    --r-control: 8px;
    --r-panel: 12px;

    --sidebar-w: 248px;
    --tabbar-h: 64px;
    --savebar-h: 64px;
    --touch: 44px;
    --focus: 2px solid var(--green);
}