/* Generovane z tokens.json VALEN Design System (svetla a tmava tema). */
:root, [data-theme="light"] {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --control-sm: 32px;
  --control-md: 44px;
  --control-lg: 52px;
  --font-display: "Libre Bodoni", "Bodoni Bd BT", Didot, Georgia, serif;
  --font-sans: Montserrat, "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --surface: #FAF8F5;
  --surface-raised: #FFFFFF;
  --surface-muted: #F3EFE9;
  --surface-inverse: #000000;
  --nav-active: #FFFFFF;
  --line: #E3DCD2;
  --line-strong: #8C8274;
  --ink: #141210;
  --ink-muted: #5E574F;
  --on-inverse: #FFFFFF;
  --gold: #C29A6E;
  --gold-hover: #B08758;
  --gold-text: #7A5A2E;
  --gold-soft: #F5EDE3;
  --on-gold: #000000;
  --on-gold-muted: #2E2215;
  --brand-black: #000000;
  --brand-white: #FFFFFF;
  --success: #2F6B3A;
  --success-soft: #E8F2EA;
  --warning: #8A5A00;
  --warning-soft: #FDF3DF;
  --danger: #B3261E;
  --danger-soft: #FBEAE8;
  --on-danger: #FFFFFF;
  --link: {gold-text};
  --focus: #7A5A2E;
  --shadow-sm: 0 1px 2px #1412100f, 0 1px 3px #14121014;
  --shadow-lg: 0 8px 24px -4px #14121024;
  --focus-ring: 0 0 0 2px #FAF8F5, 0 0 0 4px #7A5A2E;
  --glow: 0 0 32px -4px #C29A6E59, 0 12px 40px -12px #B087588C;
  --glow-sm: 0 0 14px -4px #C29A6E73, 0 4px 12px -6px #B0875880;
  color-scheme: light;
}
[data-theme="dark"] {
  --surface: #0B0A09;
  --surface-raised: #141311;
  --surface-muted: #1C1A18;
  --surface-inverse: #24201C;
  --nav-active: #1C1A18;
  --line: #2A2724;
  --line-strong: #736960;
  --ink: #F5F1EC;
  --ink-muted: #A89E93;
  --on-inverse: #F5F1EC;
  --gold: #C29A6E;
  --gold-hover: #D4B28C;
  --gold-text: #C29A6E;
  --gold-soft: #2A2219;
  --on-gold: #000000;
  --on-gold-muted: #2E2215;
  --brand-black: #000000;
  --brand-white: #FFFFFF;
  --success: #7DC48A;
  --success-soft: #16261A;
  --warning: #F0C06A;
  --warning-soft: #2A2010;
  --danger: #F2B8B5;
  --danger-soft: #2C1413;
  --on-danger: #1A0605;
  --link: {gold-text};
  --focus: #C29A6E;
  --shadow-sm: none;
  --shadow-lg: 0 12px 32px -4px #000000cc;
  --focus-ring: 0 0 0 2px #0B0A09, 0 0 0 4px #C29A6E;
  --glow: 0 0 40px -6px #C29A6E4D, 0 0 90px -20px #C29A6E2E;
  --glow-sm: 0 0 12px -3px #C29A6E4D;
  color-scheme: dark;
}