/* Generated by `python3 -m ops.miha_ui` from Miha UI (MihaMlakar/transkripcija miha-ui/, preset audio-knjige, commit 28e2959). Do not edit: change the preset there and copy again. */
/* Audio Knjige — generated from tokens.json */

:root, [data-theme="light"] {
  --background: #faf8f4;
  --foreground: #0d0d0d;
  --surface-secondary: #ffffff;
  --surface-tertiary: #f3f3f3;
  --surface-elevated: #ffffff;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--surface-elevated);
  --popover-foreground: var(--foreground);
  --primary: #181818;
  --primary-hover: #303030;
  --primary-foreground: #ffffff;
  --secondary: rgba(13, 13, 13, 0.08);
  --secondary-hover: rgba(13, 13, 13, 0.12);
  --secondary-foreground: var(--foreground);
  --muted: #ededed;
  --muted-foreground: #5d5d5d;
  --well: #ededed;
  --track: #dfdfdf;
  --subtle-foreground: #737373;
  --accent: rgba(13, 13, 13, 0.08);
  --accent-foreground: var(--foreground);
  --hover: rgba(13, 13, 13, 0.05);
  --selected: rgba(13, 13, 13, 0.08);
  --border: rgba(13, 13, 13, 0.1);
  --border-subtle: rgba(13, 13, 13, 0.05);
  --border-strong: rgba(13, 13, 13, 0.15);
  --input: rgba(13, 13, 13, 0.16);
  --input-hover: rgba(13, 13, 13, 0.25);
  --ring: #1f6b4f;
  --brand: #1f6b4f;
  --brand-hover: #185a42;
  --brand-strong: #1f6b4f;
  --brand-strong-hover: #185a42;
  --brand-foreground: #ffffff;
  --brand-soft: #e6f0eb;
  --brand-text: #1f6b4f;
  --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: #1f6b4f;
  --overlay: rgba(0, 0, 0, 0.3);
  --tooltip: #303030;
  --tooltip-foreground: #ffffff;
  --tile-gray: #85827c;
  --tile-brown: #a8714a;
  --tile-orange: #ea7a2c;
  --tile-yellow: #dba51a;
  --tile-green: #2f9e6b;
  --tile-blue: #3478e0;
  --tile-purple: #8a5ce0;
  --tile-pink: #d9539a;
  --tile-red: #dc4a40;
  --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: var(--muted-foreground);
  --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 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-brand: 0 10px 30px rgba(31, 107, 79, 0.22), 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-thumb: 0 1px 2px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"], .dark {
  --background: #212121;
  --foreground: #ffffff;
  --surface-secondary: #181818;
  --surface-tertiary: #131313;
  --surface-elevated: #303030;
  --card: #212121;
  --card-foreground: var(--foreground);
  --popover: var(--surface-elevated);
  --popover-foreground: var(--foreground);
  --primary: #f3f3f3;
  --primary-hover: #ededed;
  --primary-foreground: #0d0d0d;
  --secondary: rgba(255, 255, 255, 0.12);
  --secondary-hover: rgba(255, 255, 255, 0.16);
  --secondary-foreground: var(--foreground);
  --muted: #303030;
  --muted-foreground: #afafaf;
  --well: #0d0d0d;
  --track: #414141;
  --subtle-foreground: #8f8f8f;
  --accent: rgba(255, 255, 255, 0.1);
  --accent-foreground: var(--foreground);
  --hover: rgba(255, 255, 255, 0.08);
  --selected: rgba(255, 255, 255, 0.12);
  --border: rgba(255, 255, 255, 0.12);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.2);
  --input: rgba(255, 255, 255, 0.25);
  --input-hover: rgba(255, 255, 255, 0.3);
  --ring: #5da586;
  --brand: #4fae86;
  --brand-hover: #6cc29c;
  --brand-soft: #21302a;
  --brand-text: #5da586;
  --destructive-soft: rgba(250, 66, 62, 0.16);
  --destructive-text: #ff8583;
  --success-soft: rgba(4, 184, 76, 0.15);
  --success-text: #40c977;
  --warning-text: #ffd240;
  --info-soft: rgba(2, 133, 255, 0.13);
  --info-text: #66b5ff;
  --link: #5da586;
  --overlay: rgba(0, 0, 0, 0.5);
  --tooltip: #afafaf;
  --tooltip-foreground: #0d0d0d;
  --chart-1: var(--brand);
  --chart-2: #339cff;
  --chart-3: #04b84c;
  --chart-4: #ad7bf9;
  --chart-5: #ffc300;
  --sidebar: var(--surface-secondary);
  --sidebar-icon: var(--muted-foreground);
  --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 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-brand: 0 10px 30px rgba(31, 107, 79, 0.2), 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: 9999px;
  --control-xs: 24px;
  --control-sm: 32px;
  --control-md: 36px;
  --control-lg: 40px;
  --control-xl: 52px;
  --control-touch: 44px;
  --icon-stroke: 1.75;
  --tile-fill: 100%;
  --tile-glyph: 100%;
  --tile-glyph-size: 78%;
  --sidebar-width: 280px;
  --content-width: 720px;
  --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: "Source Sans 3", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --font-display: "Sentient", Literata, "Iowan Old Style", Georgia, serif;
  --type-heading-3xl-size: 48px;
  --type-heading-3xl-line-height: 48px;
  --type-heading-3xl-weight: 500;
  --type-heading-3xl-tracking: -0.02em;
  --type-heading-2xl-size: 36px;
  --type-heading-2xl-line-height: 42px;
  --type-heading-2xl-weight: 500;
  --type-heading-2xl-tracking: -0.01em;
  --type-heading-xl-size: 32px;
  --type-heading-xl-line-height: 38px;
  --type-heading-xl-weight: 500;
  --type-heading-xl-tracking: -0.01em;
  --type-heading-lg-size: 24px;
  --type-heading-lg-line-height: 28px;
  --type-heading-lg-weight: 500;
  --type-heading-lg-tracking: -0.01em;
  --type-heading-md-size: 20px;
  --type-heading-md-line-height: 26px;
  --type-heading-md-weight: 500;
  --type-heading-sm-size: 18px;
  --type-heading-sm-line-height: 26px;
  --type-heading-sm-weight: 500;
  --type-heading-xs-size: 16px;
  --type-heading-xs-line-height: 24px;
  --type-heading-xs-weight: 500;
  --type-reading-size: 16px;
  --type-reading-line-height: 28px;
  --type-reading-weight: 400;
  --type-body-lg-size: 18px;
  --type-body-lg-line-height: 29px;
  --type-body-lg-weight: 400;
  --type-body-size: 16px;
  --type-body-line-height: 24px;
  --type-body-weight: 400;
  --type-body-sm-size: 14px;
  --type-body-sm-line-height: 20px;
  --type-body-sm-weight: 400;
  --type-label-size: 14px;
  --type-label-line-height: 20px;
  --type-label-weight: 500;
  --type-caption-size: 12px;
  --type-caption-line-height: 18px;
  --type-caption-weight: 400;
  --type-caption-sm-size: 10px;
  --type-caption-sm-line-height: 14px;
  --type-caption-sm-weight: 400;
  --type-code-size: 13px;
  --type-code-line-height: 20px;
  --type-code-weight: 400;
  --type-wordmark-weight: 600;
  --type-wordmark-tracking: -0.01em;
  --type-wordmark-mark-scale: 1.2;
  --type-wordmark-gap: 0.3;
  --font-heading: var(--font-display);
}