/*
 * Tanitim sitesinin tasarim belirtecleri.
 *
 * public/ altinda ve <link> ile yukleniyor: statik yasal sayfalar
 * (public/legal/*.html) da ayni belirtecleri kullaniyor ve Vite paketine
 * erisemiyorlar.
 *
 * Fyrbolt'un sitesi koyu ve kendi web paletiyle cizilmisti (uygulamadan ayri).
 * Vitakron'un web tasarimi HENUZ YOK, bu yuzden belirtecler UYGULAMANIN acik
 * temasindan alindi (sharedUI/core/theme/AppTheme.kt, LightThemeExtension):
 * zemin krem, ana renk turuncu, font Nunito. Web icin ayri bir Figma tasarimi
 * gelirse degistirilecek yer burasi; sinif adlari Fyrbolt ile ayni kaldi.
 */

:root {
  /* ── Zemin ve yuzeyler ───────────────────────────────────────────────── */
  --bg: #fbf8f5;
  /* hero ve indirme bolumlerinin dikey gradyani: krem -> cok acik turuncu */
  --bg-grad-mid: #fdf3ea;
  --bg-grad-end: #ffedd5;
  --bg-grad-soft: #fff7ed;
  --surface: #ffffff;

  /* ── Cizgiler ────────────────────────────────────────────────────────── */
  --border: #ece6df;
  --border-card: #e7e0d8;
  --border-frame: #e7e0d8;

  /* ── Renkler ─────────────────────────────────────────────────────────── */
  --primary: #f97316;
  --on-primary: #ffffff;
  /* Ust bardaki "Sign In" (web uygulamasina gecis). Vitakron'da site ve
     uygulama ayni turuncuyu kullaniyor; ayri belirtec Fyrbolt'la ayni
     sinif adlarini korumak icin duruyor. */
  --primary-app: #f97316;
  /* Bolum ustu kucuk baslik. Turuncunun koyusu: acik zeminde 14px kalin
     metin icin #f97316'nin kontrasti yetmiyor (AA ~2.8:1). */
  --accent: #c2410c;
  --text: #1c1917;
  --muted: #78716c;

  /* Kart tur renkleri: uygulamadaki Gorev/Aliskanlik/Alisveris. */
  --task: #3b82f6;
  --habit: #8b5cf6;
  --shopping: #14b8a6;

  --icon-bg: #fff1e6;
  --icon-bg-solid: #fff1e6;

  /* ── Kose yaricaplari ────────────────────────────────────────────────── */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-device: 36px;

  /* ── Golgeler ────────────────────────────────────────────────────────── */
  --shadow-card: 0 6px 16px rgba(28, 25, 23, 0.06);
  --shadow-device: 0 24px 60px rgba(249, 115, 22, 0.22);
  --shadow-button: 0 6px 14px rgba(249, 115, 22, 0.3);

  /* ── Tipografi ───────────────────────────────────────────────────────── */
  --font-display: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --text-hero: 64px;
  --text-h1: 56px;
  --text-h2: 44px;
  --text-h3: 40px;
  --text-h4: 36px;
  --text-card: 22px;
  --text-lead: 20px;
  --text-lead-sm: 18px;
  --text-body: 16px;
  --text-sm: 15px;
  --text-xs: 14px;
  --text-2xs: 13px;
  --text-3xs: 12px;

  /* ── Duzen ───────────────────────────────────────────────────────────── */
  --page-max: 1280px;
  --page-pad: 80px;
}