/* Slovenske pravljice preset of Miha UI (tokens from the design system artifact) */
:root, [data-theme="light"] {
  --background: #faf7f2;
  --foreground: #231f1a;
  --surface-secondary: #f3eee6;
  --surface-tertiary: #ede6db;
  --surface-elevated: #fffdf9;
  --card: var(--background);
  --card-foreground: var(--foreground);
  --popover: var(--surface-elevated);
  --popover-foreground: var(--foreground);
  --primary: #2b2722;
  --primary-hover: #3d3832;
  --primary-foreground: #fffdf9;
  --secondary: rgba(35, 31, 26, 0.07);
  --secondary-hover: rgba(35, 31, 26, 0.11);
  --secondary-foreground: var(--foreground);
  --muted: #ede6db;
  --muted-foreground: #635b50;
  --well: #ede6db;
  --track: #e0d8cb;
  --subtle-foreground: #8c8377;
  --accent: rgba(35, 31, 26, 0.07);
  --accent-foreground: var(--foreground);
  --hover: rgba(35, 31, 26, 0.045);
  --selected: rgba(35, 31, 26, 0.07);
  --border: rgba(35, 31, 26, 0.1);
  --border-subtle: rgba(35, 31, 26, 0.05);
  --border-strong: rgba(35, 31, 26, 0.16);
  --input: rgba(35, 31, 26, 0.18);
  --input-hover: rgba(35, 31, 26, 0.27);
  --ring: #7a7166;
  --brand: #2f6e78;
  --brand-hover: #245760;
  --brand-strong: #2f6e78;
  --brand-strong-hover: #245760;
  --brand-foreground: #ffffff;
  --brand-soft: #e1eef0;
  --brand-text: #2a6670;
  --destructive: #e02e2a;
  --destructive-hover: #ba2623;
  --destructive-foreground: #ffffff;
  --destructive-soft: rgba(250, 66, 62, 0.08);
  --destructive-text: #ba2623;
  --success: #008635;
  --success-foreground: #ffffff;
  --success-soft: rgba(4, 184, 76, 0.08);
  --success-text: #00692a;
  --warning: #ffc300;
  --warning-foreground: #0d0d0d;
  --warning-soft: rgba(255, 195, 0, 0.15);
  --warning-text: #6e5400;
  --info: #0169cc;
  --info-foreground: #ffffff;
  --info-soft: rgba(2, 133, 255, 0.08);
  --info-text: #0169cc;
  --link: #2a6670;
  --overlay: rgba(20, 35, 43, 0.35);
  --tooltip: #2b2722;
  --tooltip-foreground: #fffdf9;
  --tile-gray: #414141;
  --tile-brown: #7d4622;
  --tile-orange: #e25507;
  --tile-yellow: #ba8e00;
  --tile-green: #00a240;
  --tile-blue: #0169cc;
  --tile-purple: #8046d9;
  --tile-pink: #e04c91;
  --tile-red: #e02e2a;
  --tile-foreground: #ffffff;
  --chart-1: var(--brand);
  --chart-2: #0285ff;
  --chart-3: #00a240;
  --chart-4: #924ff7;
  --chart-5: #e0ac00;
  --sidebar: var(--surface-secondary);
  --sidebar-icon: #231f1a;
  --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--selected);
  --sidebar-accent-foreground: var(--foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
  --shadow-hairline: 0 0 0 1px rgba(0, 0, 0, 0.08);
  --shadow-100: 0 1px 2px -1px rgba(0, 0, 0, 0.08);
  --shadow-200: 0 2px 4px -1px rgba(0, 0, 0, 0.08);
  --shadow-300: 0 4px 8px -2px rgba(0, 0, 0, 0.1);
  --shadow-400: 0 8px 16px -4px rgba(0, 0, 0, 0.12);
  --shadow-menu: 0 4px 8px -2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08);
  --shadow-float: 0 8px 16px -4px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 0 #0000;
  --shadow-card-hover: 0 0 #0000;
  --shadow-brand: 0 10px 30px rgba(47, 110, 120, 0.3), 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-thumb: 0 1px 2px rgba(0, 0, 0, 0.2);
  color-scheme: light;
}
[data-theme="dark"] {
  --background: #14232b;
  --foreground: #f2ece1;
  --surface-secondary: #101d24;
  --surface-tertiary: #0c171d;
  --surface-elevated: #1f323c;
  --card: var(--background);
  --card-foreground: var(--foreground);
  --popover: var(--surface-elevated);
  --popover-foreground: var(--foreground);
  --primary: #f2ece1;
  --primary-hover: #e6dfd2;
  --primary-foreground: #14232b;
  --secondary: rgba(242, 236, 225, 0.12);
  --secondary-hover: rgba(242, 236, 225, 0.16);
  --secondary-foreground: var(--foreground);
  --muted: #22363f;
  --muted-foreground: #adb4b2;
  --well: #0c171d;
  --track: #34505b;
  --subtle-foreground: #7f8a8b;
  --accent: rgba(242, 236, 225, 0.1);
  --accent-foreground: var(--foreground);
  --hover: rgba(242, 236, 225, 0.08);
  --selected: rgba(242, 236, 225, 0.12);
  --border: rgba(242, 236, 225, 0.12);
  --border-subtle: rgba(242, 236, 225, 0.06);
  --border-strong: rgba(242, 236, 225, 0.22);
  --input: rgba(242, 236, 225, 0.25);
  --input-hover: rgba(242, 236, 225, 0.3);
  --ring: #9aa9ae;
  --brand: #347682;
  --brand-hover: #2f6e78;
  --brand-strong: #347682;
  --brand-strong-hover: #2f6e78;
  --brand-foreground: #ffffff;
  --brand-soft: #1e4048;
  --brand-text: #8cc7cf;
  --destructive: #e02e2a;
  --destructive-hover: #ba2623;
  --destructive-foreground: #ffffff;
  --destructive-soft: rgba(250, 66, 62, 0.16);
  --destructive-text: #ff8583;
  --success: #008635;
  --success-foreground: #ffffff;
  --success-soft: rgba(4, 184, 76, 0.15);
  --success-text: #40c977;
  --warning: #ffc300;
  --warning-foreground: #0d0d0d;
  --warning-soft: rgba(255, 195, 0, 0.15);
  --warning-text: #ffd240;
  --info: #0169cc;
  --info-foreground: #ffffff;
  --info-soft: rgba(2, 133, 255, 0.13);
  --info-text: #66b5ff;
  --link: #8cc7cf;
  --overlay: rgba(0, 0, 0, 0.55);
  --tooltip: #adb4b2;
  --tooltip-foreground: #14232b;
  --tile-gray: #414141;
  --tile-brown: #7d4622;
  --tile-orange: #e25507;
  --tile-yellow: #ba8e00;
  --tile-green: #00a240;
  --tile-blue: #0169cc;
  --tile-purple: #8046d9;
  --tile-pink: #e04c91;
  --tile-red: #e02e2a;
  --tile-foreground: #ffffff;
  --chart-1: var(--brand);
  --chart-2: #339cff;
  --chart-3: #04b84c;
  --chart-4: #ad7bf9;
  --chart-5: #ffc300;
  --sidebar: var(--surface-secondary);
  --sidebar-icon: #f2ece1;
  --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--selected);
  --sidebar-accent-foreground: var(--foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
  --shadow-hairline: 0 0 0 1px rgba(255, 255, 255, 0.1);
  --shadow-100: 0 1px 2px -1px rgba(0, 0, 0, 0.2);
  --shadow-200: 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  --shadow-300: 0 4px 8px -2px rgba(0, 0, 0, 0.36);
  --shadow-400: 0 8px 16px -4px rgba(0, 0, 0, 0.3);
  --shadow-menu: 0 4px 8px -2px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(255, 255, 255, 0.1);
  --shadow-float: 0 8px 16px -4px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
  --shadow-card: 0 0 #0000;
  --shadow-card-hover: 0 0 #0000;
  --shadow-brand: 0 10px 30px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.3);
  --shadow-thumb: 0 1px 2px rgba(0, 0, 0, 0.4);
  color-scheme: dark;
}
:root {
  --spacing: 4px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
  --radius-button: 9999px;
  --radius-control: 10px;
  --radius-menu: 12px;
  --radius-card: 16px;
  --radius-dialog: 20px;
  --radius-badge: 4px;
  --control-xs: 24px;
  --control-sm: 32px;
  --control-md: 36px;
  --control-lg: 40px;
  --control-xl: 52px;
  --control-touch: 44px;
  --icon-stroke: 1.75;
  --tile-fill: 12%;
  --tile-glyph: 0%;
  --sidebar-width: 260px;
  --content-width: 768px;
  --duration-fast: 150ms;
  --duration-enter: 200ms;
  --duration-exit: 150ms;
  --ease-enter: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-exit: cubic-bezier(0.8, 0, 0.4, 1);
  --ease-move: cubic-bezier(0.65, 0, 0.35, 1);
  --font-sans: ui-sans-serif, -apple-system, system-ui, "Segoe UI", "Noto Sans", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --font-display: Fraunces, Literata, "Iowan Old Style", Georgia, serif;
  --font-heading: Fraunces, Literata, "Iowan Old Style", Georgia, serif; /* Literata covers Cyrillic markets */
}