/* Shared palette. Keep familiar Tailwind names for reusable palette values;
   use semantic aliases in components so changing a theme is a one-file edit. */
:root {
    color-scheme: dark;
    --neutral-400: #a3a3a3;
    --neutral-800: #262626;
    --gray-600: #4b5563;
    --red-500: #fb2c36;
    --color-background: #191b1c;
    --color-header: #0e0f10;
    --color-surface: #1e2021;
    --color-surface-hover: #26282a;
    --color-image-background: #282a2b;
    --color-panel: #1d1f20;
    --color-header-hover: #191919;
    --color-text: #fff;
    --color-muted: var(--neutral-400);
    --color-border: var(--gray-600);
    --color-link: #36bdff;
    --color-link-muted: #2477a1;
    --color-focus: var(--color-link);
    --color-success: green;
    --color-error: var(--red-500);
    --color-warning: yellow;
    --color-handle: antiquewhite;
    --font-mono: 'Roboto Mono', ui-monospace, monospace;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --text-small: 1rem;
    --text-body: 1.083333rem;
    --text-title: 1.333333rem;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --radius-small: 5px;
    --radius-card: 10px;
    --header-height: 3rem;
    --auth-text: #e1e1e1;
    --auth-muted: #888;
    --auth-label: #999;
    --auth-icon: #666;
    --auth-placeholder: #555;
    --auth-icon-hover: #aaa;
    --auth-link: #ccc;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --color-border-subtle: #303538;
    --color-text-soft: #c1c7ca;
    --color-accent: #88d6da;
    --color-accent-hover: #b0e8ea;
    --color-accent-surface: #203235;
    --color-code-surface: #161c1e;
    --color-code-grid: #283538;
}