/* ==========================================================================
   TulNova Design Tokens — v1
   Bu dosya pazarlama sitesinden bağımsızdır; TulOku / TulPanel / TulTakip
   uygulamalarına olduğu gibi taşınabilir.
   ========================================================================== */

@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/hanken-grotesk-var.fe146c530b.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Renk: yüzeyler ---- */
  --color-bg: #F7F7F5;
  --color-bg-deep: #EFEFEB;
  --color-surface: #FFFFFF;
  --color-surface-muted: #FAFAF8;

  /* ---- Renk: metin ---- */
  --color-text: #111315;
  --color-text-soft: #3A3E43;
  --color-muted: #676B70;
  --color-faint: #9A9D9F;

  /* ---- Renk: çizgi ---- */
  --color-border: #E2E2DD;
  --color-border-strong: #CFCFC8;

  /* ---- Renk: marka — logo seti "Ana Lacivert" ---- */
  --color-brand: #0A1730;
  --color-brand-hover: #16284A;
  --color-brand-raised: #0F1F3D;   /* lacivert sahne içindeki yüzeyler */
  --color-brand-soft: #E8ECF4;
  --color-brand-ink: #FFFFFF;
  --color-tech: #2563EB;           /* "Teknoloji Mavisi" — wordmark ve odak */

  /* ---- Renk: ürün aksanları — logo seti (yalnızca küçük işaret, çizgi, nokta) ---- */
  --color-tuloku: #2563EB;
  --color-tulpanel: #10B981;
  --color-tultakip: #F97316;
  /* metin içinde kullanılacak koyu tonlar (WCAG AA) */
  --color-tuloku-ink: #1D4ED8;
  --color-tulpanel-ink: #047857;
  --color-tultakip-ink: #C2410C;

  /* ---- Renk: durum ---- */
  --color-focus: #2563EB;
  --color-success: #2E6A4A;
  --color-danger: #9B3B2F;

  /* ---- Tipografi ---- */
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, system-ui, sans-serif;

  --text-xs: 0.8125rem;   /* 13 */
  --text-sm: 0.9375rem;   /* 15 */
  --text-md: 1.0625rem;   /* 17 — gövde */
  --text-lg: 1.25rem;     /* 20 */
  --text-xl: 1.5rem;      /* 24 */
  --text-2xl: clamp(1.75rem, 1.2rem + 1.6vw, 2.25rem);
  --text-3xl: clamp(2.125rem, 1.3rem + 2.6vw, 3.25rem);
  --text-4xl: clamp(2.625rem, 1.4rem + 4vw, 4.75rem);
  --text-signature: clamp(2.5rem, 0.8rem + 6.2vw, 7rem);

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  --leading-tight: 1.04;
  --leading-snug: 1.18;
  --leading-body: 1.62;

  --tracking-display: -0.035em;
  --tracking-heading: -0.022em;
  --tracking-label: 0.07em;

  --measure: 64ch;

  /* ---- Boşluk (8px tabanlı) ---- */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --space-section: clamp(88px, 6rem + 5vw, 168px);

  /* ---- Yerleşim ---- */
  --container: 1280px;
  --container-narrow: 760px;
  --gutter: clamp(20px, 4vw, 48px);
  --header-h: 68px;

  /* ---- Radius ---- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* ---- Gölge ---- */
  --shadow-subtle: 0 1px 2px rgba(10, 23, 48, 0.04), 0 4px 16px rgba(10, 23, 48, 0.04);
  --shadow-screen: 0 2px 4px rgba(10, 23, 48, 0.06), 0 18px 40px -12px rgba(10, 23, 48, 0.28), 0 40px 80px -24px rgba(10, 23, 48, 0.22);

  /* ---- Hareket ---- */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration-fast: 150ms;
  --duration: 240ms;
  --duration-slow: 600ms;
}