/* GENERATED by scripts/gen-tokens.py from tokens.json — elle değiştirme. */
:root{
  --color-bg-base: #F6F3EE;
  --color-bg-surface: #FCFBF8;
  --color-bg-surface2: #ECE7E0;
  --color-border-default: #DFD9CF;
  --color-text-primary: #1C1B1A;
  --color-text-secondary: #57534D;
  --color-text-tertiary: #6F6A63;
  --color-text-on-accent: #FFFFFF;
  --color-accent-default: #9E5426;
  --color-accent-pressed: #864620;
  --color-accent-soft: #F6E3D3;
  --color-accent-glow: #E39A63;
  --color-secondary-default: #4E6E58;
  --color-secondary-soft: #E2EAE3;
  --color-phase-menstrual: #C26B57;
  --color-phase-menstrual-soft: #F3DFD8;
  --color-phase-menstrual-on-soft: #1C1B1A;
  --color-phase-follicular: #6E9478;
  --color-phase-follicular-soft: #E2EAE3;
  --color-phase-follicular-on-soft: #1C1B1A;
  --color-phase-fertile: #C9773F;
  --color-phase-fertile-soft: #F6E3D3;
  --color-phase-fertile-on-soft: #1C1B1A;
  --color-phase-luteal: #8C82A8;
  --color-phase-luteal-soft: #E7E4EE;
  --color-phase-luteal-on-soft: #1C1B1A;
  --color-state-success: #4E6E58;
  --color-state-info: #57534D;
  --color-state-attention: #C9773F;
  --color-state-attention-soft: #F6E3D3;
  --color-focus-ring: #9E5426;
  --font-hero: 400 44px/1.02 "DM Serif Display", Georgia, serif;
  --font-title: 400 56px/0.98 "DM Serif Display", Georgia, serif;
  --font-state: 400 23px/1.25 "DM Serif Display", Georgia, serif;
  --font-letter: 400 21px/1.5 "DM Serif Display", Georgia, serif;
  --font-quote: italic 400 20px/1.35 "DM Serif Display", Georgia, serif;
  --font-dial: 400 104px/0.9 "DM Serif Display", Georgia, serif;
  --font-body: 400 16px/1.5 "Outfit", system-ui, sans-serif;
  --font-sub: 300 15px/1.5 "Outfit", system-ui, sans-serif;
  --font-eyebrow: 500 11px/1.2 "Outfit", system-ui, sans-serif;
  --font-button: 500 15px/1.2 "Outfit", system-ui, sans-serif;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-18: 18px;
  --space-22: 22px;
  --space-26: 26px;
  --space-32: 32px;
  --radius-22: 22px;
  --radius-26: 26px;
  --radius-30: 30px;
  --radius-full: 9999px;
  --shadow-pill: 0 1px 2px 0px rgba(28,27,26,0.08), 0 4px 12px -4px rgba(28,27,26,0.12);
  --shadow-card: 0 1px 2px 0px rgba(28,27,26,0.05), 0 8px 24px -8px rgba(28,27,26,0.1);
  --shadow-tab: 0 12px 30px -10px rgba(28,27,26,0.22);
  --shadow-disc: 0 1px 2px 0px rgba(28,27,26,0.06), 0 18px 40px -10px rgba(158,84,38,0.22);
  --tod-morning-bg: #F6F1EA;
  --glow-morning: radial-gradient(120% 55% at 50% -12%, rgba(240,168,114,0.46) 0%, rgba(240,168,114,0) 66%);
  --tod-noon-bg: #F5F4F1;
  --glow-noon: radial-gradient(120% 50% at 50% -10%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
  --tod-evening-bg: #F2ECE5;
  --glow-evening: radial-gradient(110% 50% at 50% 108%, rgba(214,130,100,0.32) 0%, rgba(214,130,100,0) 70%), radial-gradient(100% 45% at 50% -10%, rgba(140,130,168,0.26) 0%, rgba(140,130,168,0) 70%);
  --tod-night-bg: #121212;
  --glow-night: radial-gradient(120% 50% at 50% -12%, rgba(240,168,114,0.14) 0%, rgba(240,168,114,0) 70%);
  --glow-dark: radial-gradient(120% 50% at 50% -12%, rgba(240,168,114,0.14) 0%, rgba(240,168,114,0) 70%);
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-breath: 600ms;
  --motion-dial: 700ms;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

[data-theme="dark"]{
  --color-bg-base: #121212;
  --color-bg-surface: #1C1B1A;
  --color-bg-surface2: #232221;
  --color-border-default: #2F2E2B;
  --color-text-primary: #EDEBE7;
  --color-text-secondary: #B5B1AA;
  --color-text-tertiary: #8F8B85;
  --color-text-on-accent: #121212;
  --color-accent-default: #F0A872;
  --color-accent-pressed: #D99260;
  --color-accent-soft: #3A2A1F;
  --color-accent-glow: #F0A872;
  --color-secondary-default: #93B79C;
  --color-secondary-soft: #1F2620;
  --color-phase-menstrual: #D98A78;
  --color-phase-menstrual-soft: #33231F;
  --color-phase-menstrual-on-soft: #EDEBE7;
  --color-phase-follicular: #93B79C;
  --color-phase-follicular-soft: #1F2620;
  --color-phase-follicular-on-soft: #EDEBE7;
  --color-phase-fertile: #F0A872;
  --color-phase-fertile-soft: #3A2A1F;
  --color-phase-fertile-on-soft: #EDEBE7;
  --color-phase-luteal: #ADA3C9;
  --color-phase-luteal-soft: #26242D;
  --color-phase-luteal-on-soft: #EDEBE7;
  --color-state-success: #93B79C;
  --color-state-info: #B5B1AA;
  --color-state-attention: #F0A872;
  --color-state-attention-soft: #3A2A1F;
  --color-focus-ring: #F0A872;
  --shadow-pill: none;
  --shadow-card: none;
  --shadow-tab: none;
  --shadow-disc: 0 0px 60px -10px rgba(240,168,114,0.2);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --color-bg-base: #121212;
    --color-bg-surface: #1C1B1A;
    --color-bg-surface2: #232221;
    --color-border-default: #2F2E2B;
    --color-text-primary: #EDEBE7;
    --color-text-secondary: #B5B1AA;
    --color-text-tertiary: #8F8B85;
    --color-text-on-accent: #121212;
    --color-accent-default: #F0A872;
    --color-accent-pressed: #D99260;
    --color-accent-soft: #3A2A1F;
    --color-accent-glow: #F0A872;
    --color-secondary-default: #93B79C;
    --color-secondary-soft: #1F2620;
    --color-phase-menstrual: #D98A78;
    --color-phase-menstrual-soft: #33231F;
    --color-phase-menstrual-on-soft: #EDEBE7;
    --color-phase-follicular: #93B79C;
    --color-phase-follicular-soft: #1F2620;
    --color-phase-follicular-on-soft: #EDEBE7;
    --color-phase-fertile: #F0A872;
    --color-phase-fertile-soft: #3A2A1F;
    --color-phase-fertile-on-soft: #EDEBE7;
    --color-phase-luteal: #ADA3C9;
    --color-phase-luteal-soft: #26242D;
    --color-phase-luteal-on-soft: #EDEBE7;
    --color-state-success: #93B79C;
    --color-state-info: #B5B1AA;
    --color-state-attention: #F0A872;
    --color-state-attention-soft: #3A2A1F;
    --color-focus-ring: #F0A872;
    --shadow-pill: none;
    --shadow-card: none;
    --shadow-tab: none;
    --shadow-disc: 0 0px 60px -10px rgba(240,168,114,0.2);
  }
}

@media (prefers-reduced-motion: reduce){
:root{
  --motion-fast: 150ms;
  --motion-base: 200ms;
  --motion-breath: 200ms;
  --motion-dial: 200ms;
}
}