/* Tayfcet design tokens v1.2.0 (2026-10-11). Generated by build-tokens.py: do not edit by hand. */

@font-face { font-family: "Gabarito"; src: url("fonts/gabarito-var.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0131, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+20BA, U+2122, U+2190-2193, U+2212; }
@font-face { font-family: "Figtree"; src: url("fonts/figtree-var.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0131, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+20BA, U+2122, U+2190-2193, U+2212; }
@font-face { font-family: "Figtree"; src: url("fonts/figtree-italic-var.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: swap; unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0131, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+20BA, U+2122, U+2190-2193, U+2212; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrainsmono-var.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0131, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+20BA, U+2122, U+2190-2193, U+2212; }
@font-face { font-family: "Caveat"; src: url("fonts/caveat-var.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0131, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+20BA, U+2122, U+2190-2193, U+2212; }

:root {
  /* palette C (exact) */
  --color-mint-white: #F3F8F7;
  --color-white: #FFFFFF;
  --color-ink: #00445A;
  --color-petrol: #133532;
  --color-night: #0B1716;
  --color-night-surface: #142220;
  --color-lime: #D5E54E;
  --color-mint: #48B6A3;
  --color-cyan: #38A3A5;
  --color-lavender: #798DCB;
  --color-tayf-blue: #65B8DA;
  --color-tayf-blue-600: #65B8DA;
  --color-tayf-blue-700: #1D6F8C;
  --color-tayf-blue-800: #185E79;
  --color-tayf-nane: #84D3B9;
  --color-tayf-yellow: #84D3B9; /* deprecated, alias of --color-tayf-nane */
  /* mint scale */
  --color-mint-50: #F3FCFA;
  --color-mint-100: #E7F6F3;
  --color-mint-200: #D3EDE6;
  --color-mint-300: #B4DFD5;
  --color-mint-400: #84CBBC;
  --color-mint-500: #48B6A3;
  --color-mint-600: #2D9887;
  --color-mint-700: #1A7B6C;
  --color-mint-800: #0B5E53;
  --color-mint-900: #05433A;
  /* ink scale */
  --color-ink-50: #F3F7F9;
  --color-ink-100: #EAF1F5;
  --color-ink-200: #D9E5EB;
  --color-ink-300: #C2D5DD;
  --color-ink-400: #A1BBC7;
  --color-ink-500: #82A1AF;
  --color-ink-600: #668999;
  --color-ink-700: #4C7283;
  --color-ink-800: #2C5A6E;
  --color-ink-900: #00445A;
  --color-ink-950: #042C3B;
  /* petrol scale */
  --color-petrol-50: #F6FBFB;
  --color-petrol-100: #EDF4F3;
  --color-petrol-200: #DEE8E7;
  --color-petrol-300: #CAD7D5;
  --color-petrol-400: #AEBFBD;
  --color-petrol-500: #91A6A3;
  --color-petrol-600: #738A87;
  --color-petrol-700: #56706D;
  --color-petrol-800: #3B5854;
  --color-petrol-900: #133532;
  --color-petrol-950: #0B1716;
  /* lime scale */
  --color-lime-50: #F9FDE8;
  --color-lime-100: #F1F8CD;
  --color-lime-200: #E3EF99;
  --color-lime-300: #D5E54E;
  --color-lime-400: #B8C62E;
  --color-lime-500: #9EAB12;
  --color-lime-600: #838E00;
  --color-lime-700: #697200;
  --color-lime-800: #505700;
  --color-lime-900: #383E00;
  /* gradients: one brand gradient (2026-10-11) */
  --gradient-brand: linear-gradient(90deg, #D7E55F 0%, #89D8B4 35%, #65B8DA 70%, #798DCB 100%);
  --gradient-aura-lime: radial-gradient(closest-side, rgba(215,229,95,.32), rgba(215,229,95,0));
  --gradient-aura-mint: radial-gradient(closest-side, rgba(137,216,180,.28), rgba(137,216,180,0));
  --gradient-aura-cyan: radial-gradient(closest-side, rgba(101,184,218,.26), rgba(101,184,218,0));
  --gradient-gloss: linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.03) 45%, rgba(255,255,255,0) 100%);
  --gradient-wordmark: linear-gradient(90deg, #D7E55F 0%, #89D8B4 35%, #65B8DA 70%, #798DCB 100%); /* retired, alias of --gradient-brand */
  --gradient-ground-deep: linear-gradient(90deg, #D7E55F 0%, #89D8B4 35%, #65B8DA 70%, #798DCB 100%); /* retired, alias of --gradient-brand */
  /* type */
  --font-display: Gabarito, "Figtree", system-ui, sans-serif;
  --font-text: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-script: Caveat, "Segoe Print", cursive;
  --text-display-size: clamp(48px, 31.10px + 4.507vw, 96px);
  --text-display-weight: 700;
  --text-display-leading: 0.98;
  --text-display-tracking: -0.03em;
  --text-h1-size: clamp(40px, 27.32px + 3.380vw, 76px);
  --text-h1-weight: 700;
  --text-h1-leading: 1.0;
  --text-h1-tracking: -0.025em;
  --text-h2-size: clamp(32px, 25.66px + 1.690vw, 50px);
  --text-h2-weight: 700;
  --text-h2-leading: 1.04;
  --text-h2-tracking: -0.02em;
  --text-h3-size: clamp(24px, 21.18px + 0.751vw, 32px);
  --text-h3-weight: 600;
  --text-h3-leading: 1.12;
  --text-h3-tracking: -0.01em;
  --text-h4-size: clamp(20px, 18.59px + 0.376vw, 24px);
  --text-h4-weight: 600;
  --text-h4-leading: 1.25;
  --text-h4-tracking: 0em;
  --text-lead-size: clamp(19px, 18.30px + 0.188vw, 21px);
  --text-lead-weight: 400;
  --text-lead-leading: 1.5;
  --text-lead-tracking: 0em;
  --text-body-size: clamp(17px, 16.65px + 0.094vw, 18px);
  --text-body-weight: 400;
  --text-body-leading: 1.6;
  --text-body-tracking: 0em;
  --text-small-size: clamp(15px, 14.65px + 0.094vw, 16px);
  --text-small-weight: 400;
  --text-small-leading: 1.5;
  --text-small-tracking: 0em;
  --text-caption-size: 14px;
  --text-caption-weight: 500;
  --text-caption-leading: 1.45;
  --text-caption-tracking: 0em;
  --text-button-size: 16px;
  --text-button-weight: 600;
  --text-button-leading: 1.0;
  --text-button-tracking: 0em;
  --text-label-size: 12px;
  --text-label-weight: 500;
  --text-label-leading: 1.3;
  --text-label-tracking: 0.08em;
  --text-overline-size: clamp(13px, 12.65px + 0.094vw, 14px);
  --text-overline-weight: 600;
  --text-overline-leading: 1.2;
  --text-overline-tracking: 0.3em;
  --text-script-size: clamp(30px, 22.96px + 1.878vw, 50px);
  --text-script-weight: 600;
  --text-script-leading: 1.0;
  --text-script-tracking: 0em;
  /* space: multiples of H (the logo grid half-step, 8 px on screen) */
  --H: 8px;
  --row: calc(var(--H) * 1.7320508);
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --space-5xl: 96px;
  --space-6xl: 128px;
  --space-7xl: 160px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --layout-content-max: 1248px;
  --layout-margin: clamp(24px, 6.667vw, 96px);
  --layout-gutter-desktop: 24px;
  --layout-gutter-mobile: 16px;
  --layout-nav-height: 72px;
  --layout-section-pad: clamp(64px, 8.9vw, 128px);
  --shadow-1: 0 1px 2px rgba(0,68,90,.06), 0 1px 1px rgba(0,68,90,.04);
  --shadow-2: 0 8px 24px -6px rgba(0,68,90,.10);
  --shadow-3: 0 24px 48px -12px rgba(0,68,90,.16);
  --shadow-glow: 0 18px 30px rgba(56,163,165,.28);
  --glass-bg: rgba(255,255,255,.62);
  --glass-bg-dark: rgba(20,34,32,.55);
  --glass-border: rgba(255,255,255,.75);
  --glass-blur: 20px;
  --glass-aura-blur: 90px;
  /* neumorphic layer: small controls only (see build-tokens.py NEO) */
  --neo-zemin: var(--color-mint-white);
  --neo-yuz: linear-gradient(145deg, #FFFFFF 0%, #ECF3F2 100%);
  --neo-isik: rgba(255, 255, 255, .95);
  --neo-golge: rgba(0, 68, 90, .13);
  --neo-ince: 1px solid rgba(217, 229, 235, .8);
  --neo-kabar-s: -3px -3px 8px var(--neo-isik), 4px 4px 10px var(--neo-golge);
  --neo-kabar: -6px -6px 14px var(--neo-isik), 8px 8px 20px rgba(0, 68, 90, .15);
  --neo-basili: inset 3px 3px 7px rgba(0, 68, 90, .15), inset -3px -3px 7px rgba(255, 255, 255, .9);
  --neo-r-hap: var(--radius-pill);
  --neo-r-kap: var(--radius-md);
  /* motion (curated from 06_hareket-ve-ses/motion-tokens.json) */
  --motion-duration-blink: 50ms;
  --motion-duration-fade: 150ms;
  --motion-duration-quick: 250ms;
  --motion-duration-cell: 420ms;
  --motion-duration-hero: 550ms;
  --motion-duration-pointer: 600ms;
  --motion-duration-home: 700ms;
  --motion-duration-lift-hold: 750ms;
  --motion-duration-gather: 800ms;
  --motion-duration-sheen: 900ms;
  --motion-duration-end-hold-sting: 2640ms;
  --motion-duration-end-hold-min: 1500ms;
  --motion-duration-hold-min: 500ms;
  --motion-duration-scene-wipe: 700ms;
  --motion-duration-panel-open: 420ms;
  --motion-duration-panel-close: 250ms;
  --motion-stagger-gen-film: 160ms;
  --motion-stagger-sib-film: 35ms;
  --motion-stagger-gen-web: 130ms;
  --motion-stagger-sib-web: 30ms;
  --motion-stagger-gen-short: 55ms;
  --motion-stagger-sib-short: 20ms;
  --motion-stagger-letter: 35ms;
  --motion-stagger-word: 70ms;
  --motion-stagger-line: 70ms;
  --motion-stagger-wave: 25ms;
  --motion-stagger-echo-lag: 45ms;
  --motion-stagger-echo-lag-first-and-name: 50ms;
  --motion-stagger-ambient: 200ms;
  --ease-emph: linear(0, 0.029 5%, 0.156 10%, 0.351 15%, 0.5 20%, 0.607 25%, 0.688 30%, 0.751 35%, 0.802 40%, 0.844 45%, 0.878 50%, 0.906 55%, 0.929 60%, 0.948 65%, 0.963 70%, 0.975 75%, 0.985 80%, 0.992 85%, 0.996 90%, 0.999 95%, 1);
  --ease-exit: cubic-bezier(.3, 0, 1, 1);
  --ease-pop: linear(0, 0.215 5%, 0.401 10%, 0.559 15%, 0.693 20%, 0.803 25%, 0.892 30%, 0.962 35%, 1.014 40%, 1.051 45%, 1.075 50%, 1.087 55%, 1.09 60%, 1.085 65%, 1.074 70%, 1.059 75%, 1.043 80%, 1.027 85%, 1.013 90%, 1.004 95%, 1);
  --ease-pop-soft: linear(0, 0.206 5%, 0.384 10%, 0.538 15%, 0.667 20%, 0.775 25%, 0.863 30%, 0.932 35%, 0.986 40%, 1.024 45%, 1.05 50%, 1.065 55%, 1.07 60%, 1.069 65%, 1.061 70%, 1.05 75%, 1.037 80%, 1.023 85%, 1.012 90%, 1.003 95%, 1);
  --ease-home: linear(0, 0.219 5%, 0.409 10%, 0.57 15%, 0.706 20%, 0.817 25%, 0.907 30%, 0.977 35%, 1.029 40%, 1.065 45%, 1.087 50%, 1.098 55%, 1.099 60%, 1.092 65%, 1.08 70%, 1.064 75%, 1.046 80%, 1.029 85%, 1.014 90%, 1.004 95%, 1);
  --ease-follow: cubic-bezier(.215, .61, .355, 1);
  --ease-glide: cubic-bezier(.455, .03, .515, .955);
  --ease-drift: cubic-bezier(.445, .05, .55, .95);
  --ease-fade: cubic-bezier(.333, .667, .667, 1);
}

:root, [data-theme="light"] {
  --bg-page: var(--color-mint-white);
  --bg-surface: var(--color-white);
  --bg-tint: var(--color-mint-100);
  --bg-subtle: var(--color-ink-50);
  --bg-inverse: var(--color-ink);
  --text-primary: var(--color-ink);
  --text-secondary: var(--color-ink-700);
  --text-secondary-strong: var(--color-ink-800);
  --text-muted: var(--color-ink-600);
  --text-accent: var(--color-tayf-blue-700);
  --text-accent-strong: var(--color-tayf-blue-800);
  --text-on-accent: var(--color-white);
  --action-primary: var(--color-tayf-blue-700);
  --action-primary-hover: var(--color-tayf-blue-800);
  --border-subtle: var(--color-ink-200);
  --border-strong: var(--color-ink-600);
  --focus-ring: var(--color-tayf-blue-600);
  --logo-mono: var(--color-tayf-blue);
}

[data-theme="dark"] {
  --bg-page: var(--color-night);
  --bg-surface: var(--color-night-surface);
  --bg-tint: #18302D;
  --bg-subtle: #111F1D;
  --bg-inverse: var(--color-mint-white);
  --text-primary: var(--color-mint-white);
  --text-secondary: var(--color-ink-300);
  --text-secondary-strong: var(--color-ink-200);
  --text-muted: var(--color-ink-500);
  --text-accent: var(--color-tayf-blue);
  --text-accent-strong: var(--color-lime);
  --text-on-accent: var(--color-night);
  --action-primary: var(--color-lime);
  --action-primary-hover: var(--color-lime-200);
  --border-subtle: #21423E;
  --border-strong: var(--color-ink-500);
  --focus-ring: var(--color-tayf-blue);
  --logo-mono: var(--color-tayf-blue);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-page: var(--color-night);
    --bg-surface: var(--color-night-surface);
    --bg-tint: #18302D;
    --bg-subtle: #111F1D;
    --bg-inverse: var(--color-mint-white);
    --text-primary: var(--color-mint-white);
    --text-secondary: var(--color-ink-300);
    --text-secondary-strong: var(--color-ink-200);
    --text-muted: var(--color-ink-500);
    --text-accent: var(--color-tayf-blue);
    --text-accent-strong: var(--color-lime);
    --text-on-accent: var(--color-night);
    --action-primary: var(--color-lime);
    --action-primary-hover: var(--color-lime-200);
    --border-subtle: #21423E;
    --border-strong: var(--color-ink-500);
    --focus-ring: var(--color-tayf-blue);
    --logo-mono: var(--color-tayf-blue);
  }
}

/* text styles */
.t-display { font-family: var(--font-display); font-weight: 700; font-size: var(--text-display-size); line-height: 0.98; letter-spacing: -0.03em; }
.t-h1 { font-family: var(--font-display); font-weight: 700; font-size: var(--text-h1-size); line-height: 1.0; letter-spacing: -0.025em; }
.t-h2 { font-family: var(--font-display); font-weight: 700; font-size: var(--text-h2-size); line-height: 1.04; letter-spacing: -0.02em; }
.t-h3 { font-family: var(--font-display); font-weight: 600; font-size: var(--text-h3-size); line-height: 1.12; letter-spacing: -0.01em; }
.t-h4 { font-family: var(--font-display); font-weight: 600; font-size: var(--text-h4-size); line-height: 1.25; letter-spacing: 0em; }
.t-lead { font-family: var(--font-text); font-weight: 400; font-size: var(--text-lead-size); line-height: 1.5; letter-spacing: 0em; }
.t-body { font-family: var(--font-text); font-weight: 400; font-size: var(--text-body-size); line-height: 1.6; letter-spacing: 0em; }
.t-small { font-family: var(--font-text); font-weight: 400; font-size: var(--text-small-size); line-height: 1.5; letter-spacing: 0em; }
.t-caption { font-family: var(--font-text); font-weight: 500; font-size: var(--text-caption-size); line-height: 1.45; letter-spacing: 0em; }
.t-button { font-family: var(--font-text); font-weight: 600; font-size: var(--text-button-size); line-height: 1.0; letter-spacing: 0em; }
.t-label { font-family: var(--font-mono); font-weight: 500; font-size: var(--text-label-size); line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; }
.t-overline { font-family: var(--font-display); font-weight: 600; font-size: var(--text-overline-size); line-height: 1.2; letter-spacing: 0.3em; text-transform: uppercase; }
.t-script { font-family: var(--font-script); font-weight: 600; font-size: var(--text-script-size); line-height: 1.0; letter-spacing: 0em; }
.t-wordmark { background: var(--gradient-brand); -webkit-background-clip: text; background-clip: text; color: transparent; }
.glass { background: var(--glass-bg); border: 1px solid var(--glass-border); backdrop-filter: blur(var(--glass-blur)); -webkit-backdrop-filter: blur(var(--glass-blur)); box-shadow: var(--shadow-2); }

/* neumorphic small controls (spec section 6): raised at rest; pressed or selected tells itself by icon and label colour too */
.neo { background: var(--neo-yuz); border: var(--neo-ince); box-shadow: var(--neo-kabar-s); color: var(--color-ink); transition: transform var(--motion-duration-quick) var(--ease-emph), box-shadow var(--motion-duration-quick) var(--ease-emph), color var(--motion-duration-quick) var(--ease-emph); }
.neo:hover { transform: translateY(-2px); box-shadow: var(--neo-kabar); color: var(--color-tayf-blue-700); }
.neo:active, .neo[aria-pressed="true"], .neo[aria-selected="true"] { transform: scale(.98); box-shadow: var(--neo-basili); color: var(--color-tayf-blue-700); transition-duration: var(--motion-duration-fade); }
.neo:focus-visible { outline: 2px solid var(--teal, #1D6F8C); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .neo, .neo:hover, .neo:active { transform: none; transition: none; } .neo:hover { box-shadow: var(--neo-kabar-s); } .neo:active, .neo[aria-pressed="true"], .neo[aria-selected="true"] { box-shadow: var(--neo-basili); } }
@media (forced-colors: active) { .neo { border: 1px solid ButtonText; box-shadow: none; background: ButtonFace; color: ButtonText; } }
@media (prefers-contrast: more) { :root { --neo-ince: 1px solid var(--color-ink-600); } }
@media (max-width: 767px) { :root { --neo-kabar-s: -2px -2px 4px var(--neo-isik), 2px 2px 5px var(--neo-golge); --neo-kabar: -3px -3px 7px var(--neo-isik), 4px 4px 10px rgba(0, 68, 90, .15); --neo-basili: inset 2px 2px 4px rgba(0, 68, 90, .15), inset -2px -2px 4px rgba(255, 255, 255, .9); } }
html[data-tema="los"], html[data-tema="gece"] { --neo-yuz: var(--surface); --neo-kabar-s: var(--shadow-1); --neo-kabar: var(--shadow-2); --neo-basili: none; }