/* GENERATED FILE — do not edit by hand.
 * Source: design-tokens.json · Regenerate: node tools/build-tokens.js
 * Verify:  node tools/build-tokens.js --check */

:root {
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 48px;
  --space-5xl: 64px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-full: 999px;
  --touch-child: 88px;
  --touch-parent: 56px;
  --touch-top-bar: 72px;
  --touch-video-control-min: 28px;
  --font-heading: 'Baloo 2', ui-rounded, system-ui, sans-serif;
  --font-body: 'Lexend', system-ui, sans-serif;
  --type-display-family: var(--font-heading);
  --type-display-weight: 600;
  --type-display-size: 44px;
  --type-display-line: 52px;
  --type-title-family: var(--font-heading);
  --type-title-weight: 600;
  --type-title-size: 36px;
  --type-title-line: 44px;
  --type-tile-family: var(--font-heading);
  --type-tile-weight: 500;
  --type-tile-size: 28px;
  --type-tile-line: 34px;
  --type-heading-family: var(--font-heading);
  --type-heading-weight: 500;
  --type-heading-size: 24px;
  --type-heading-line: 30px;
  --type-body-family: var(--font-body);
  --type-body-weight: 400;
  --type-body-size: 20px;
  --type-body-line: 28px;
  --type-label-family: var(--font-body);
  --type-label-weight: 500;
  --type-label-size: 18px;
  --type-label-line: 24px;
  --type-caption-family: var(--font-body);
  --type-caption-weight: 400;
  --type-caption-size: 18px;
  --type-caption-line: 24px;
  --type-dense-family: var(--font-body);
  --type-dense-weight: 400;
  --type-dense-size: 16px;
  --type-dense-line: 22px;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
}

:root,
[data-theme='menekse'] {
  --color-bg: #EAF7FD;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F4FAFE;
  --color-border: #CFE4EF;
  --color-text: #14202B;
  --color-text-muted: #55697A;
  --color-primary: #6D3FD4;
  --color-primary-dark: #4A26A0;
  --color-primary-soft: #EDE6FF;
  --color-on-primary: #FFFFFF;
  --color-success: #2E9E68;
  --color-warning: #D9891F;
  --color-danger: #CE3B37;
  --color-token: #F5B921;
  --color-focus: #1B77E0;
  --color-overlay: #14202B;
  --overlay-alpha: 0.55;
  --border-width: 1px;
  --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-raised: 0 6px 0 var(--color-primary-dark), 0 4px 8px rgba(0, 0, 0, 0.12);
  --motion-instant: 0ms;
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 240ms;
}

[data-theme='deniz'] {
  --color-bg: #EFF9FB;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F6FCFD;
  --color-border: #CBE3EA;
  --color-text: #0F2530;
  --color-text-muted: #4A6673;
  --color-primary: #176B90;
  --color-primary-dark: #0F4E6B;
  --color-primary-soft: #DDF0F7;
  --color-on-primary: #FFFFFF;
  --color-success: #1F8A6D;
  --color-warning: #C88414;
  --color-danger: #C0392B;
  --color-token: #F2B01C;
  --color-focus: #1B77E0;
  --color-overlay: #0F2530;
  --overlay-alpha: 0.55;
  --border-width: 1px;
  --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-raised: 0 6px 0 var(--color-primary-dark), 0 4px 8px rgba(0, 0, 0, 0.12);
  --motion-instant: 0ms;
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 240ms;
}

[data-theme='orman'] {
  --color-bg: #F1F8F0;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F7FBF6;
  --color-border: #D2E5D0;
  --color-text: #14261A;
  --color-text-muted: #4C6552;
  --color-primary: #1F6640;
  --color-primary-dark: #154B2E;
  --color-primary-soft: #DDEFDE;
  --color-on-primary: #FFFFFF;
  --color-success: #2E9E68;
  --color-warning: #B8871B;
  --color-danger: #B23A33;
  --color-token: #E8A82A;
  --color-focus: #1B77E0;
  --color-overlay: #14261A;
  --overlay-alpha: 0.55;
  --border-width: 1px;
  --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-raised: 0 6px 0 var(--color-primary-dark), 0 4px 8px rgba(0, 0, 0, 0.12);
  --motion-instant: 0ms;
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 240ms;
}

[data-theme='gunbatimi'] {
  --color-bg: #FFF6EE;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFFBF6;
  --color-border: #F0DCCB;
  --color-text: #2B1A10;
  --color-text-muted: #6E5545;
  --color-primary: #C1441C;
  --color-primary-dark: #902F0F;
  --color-primary-soft: #FFE3D3;
  --color-on-primary: #FFFFFF;
  --color-success: #3E8E52;
  --color-warning: #C97C12;
  --color-danger: #B0342A;
  --color-token: #E8A32B;
  --color-focus: #1B77E0;
  --color-overlay: #2B1A10;
  --overlay-alpha: 0.55;
  --border-width: 1px;
  --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-raised: 0 6px 0 var(--color-primary-dark), 0 4px 8px rgba(0, 0, 0, 0.12);
  --motion-instant: 0ms;
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 240ms;
}

[data-theme='kontrast'] {
  --color-bg: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2F2F2;
  --color-border: #000000;
  --color-text: #000000;
  --color-text-muted: #1A1A1A;
  --color-primary: #000000;
  --color-primary-dark: #000000;
  --color-primary-soft: #FFD400;
  --color-on-primary: #FFFFFF;
  --color-success: #006B2D;
  --color-warning: #8A5A00;
  --color-danger: #B00000;
  --color-token: #FFD400;
  --color-focus: #000000;
  --color-overlay: #000000;
  --overlay-alpha: 0.75;
  --border-width: 2px;
  --shadow-card: none;
  --shadow-raised: none;
  --motion-instant: 0ms;
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 240ms;
}

[data-theme='sakin'] {
  --color-bg: #F4F2ED;
  --color-surface: #FBFAF7;
  --color-surface-alt: #F0EEE8;
  --color-border: #8D928C;
  --color-text: #2A2E2B;
  --color-text-muted: #686E6A;
  --color-primary: #5F7367;
  --color-primary-dark: #4A5A50;
  --color-primary-soft: #E4E7E2;
  --color-on-primary: #FFFFFF;
  --color-success: #5C7A63;
  --color-warning: #9A8A5E;
  --color-danger: #96625C;
  --color-token: #C9B37E;
  --color-focus: #5A7A96;
  --color-overlay: #2A2E2B;
  --overlay-alpha: 0.45;
  --border-width: 2px;
  --shadow-card: none;
  --shadow-raised: none;
  --motion-instant: 0ms;
  --motion-fast: 0ms;
  --motion-base: 0ms;
  --motion-slow: 0ms;
}

@media (prefers-reduced-motion: reduce) {
  :root,
  :root[data-theme] {
    --motion-instant: 0ms;
    --motion-fast: 0ms;
    --motion-base: 0ms;
    --motion-slow: 0ms;
  }
}