/* Life312 Yönetim Platformu — tasarım token'ları
   Kaynak: life312.com.tr derlenmiş CSS değişkenleri (04.11.2026 incelemesi)
   --color-primary-300 #0d214f · --color-accent #ddac4a · --color-primary-200 #305cde
   --color-primary-100 #00a5cc · --color-secondary-200 #faf3e4 · -300 #f1f4fd · -400 #edeff7
   -500 #6e7180 · -700 #d3d6e0 · metin #01010c
   Font: Manrope (gövde/menü, sitede yüklü). Başlık: sitede "TestTiemposHeadline" (ticari Tiempos'un
   deneme sürümü) + yedek Playfair Display. Ürün arayüzünde yalnız Manrope; sunumda Playfair Display. */

@import url('../assets/fonts/fonts.css');

:root {
  /* Marka */
  --navy: #0D214F;
  --navy-950: #081634;
  --navy-800: #172E66;
  --navy-700: #2B4C9B;      /* grafik serisi 1 (doğrulandı) */
  --navy-100: #E3E8F6;
  --gold: #DDAC4A;
  --gold-600: #C2902E;      /* grafik serisi 2 (doğrulandı, etiketle birlikte) */
  --gold-ink: #7A5A14;      /* açık zeminde altın metin, 6.1:1 */
  --gold-50: #FAF3E4;
  --blue: #305CDE;          /* bağlantı, odak */
  --cyan: #00A5CC;          /* yapay zekâ işareti (yalnız dolgu/ikon) */
  --cyan-ink: #00677F;

  /* Yüzeyler */
  --canvas: #F1F4FD;
  --surface: #FFFFFF;
  --surface-2: #F6F7FB;
  --surface-3: #EDEFF7;
  --line: #D3D6E0;
  --line-soft: #E5E8F0;

  /* Metin */
  --ink: #0D214F;           /* başlık ve vurgulu veri */
  --text: #283047;          /* gövde, 12.4:1 */
  --muted: #5E6478;         /* yardımcı, 5.9:1 */
  --faint: #8B94AA;         /* yalnız dekoratif olmayan ikincil işaretler, ≥3:1 */

  /* Anlamlar — her zaman ikon + metinle */
  --ok: #1D7A4C;   --ok-bg: #E5F3EB;
  --warn: #9A5B05; --warn-bg: #FCF0DC;
  --bad: #B42318;  --bad-bg: #FCE9E7;
  --info: #2A52C9; --info-bg: #E9EFFC;
  --ai: #00677F;   --ai-bg: #E1F4F8;
  --demo: #6B4E9B; --demo-bg: #F0EAF8;   /* "demo / bağlı değil" etiketi */

  /* Tipografi */
  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px;
  --fs-18: 18px; --fs-20: 20px; --fs-24: 24px; --fs-28: 28px;

  /* Ölçü — 4 pt ritim */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px;
  --r-sm: 4px; --r: 6px; --r-md: 8px; --r-lg: 12px; --r-pill: 999px;

  --shadow-1: 0 1px 2px rgba(13, 33, 79, .06);
  --shadow-pop: 0 12px 32px -8px rgba(13, 33, 79, .28), 0 2px 6px rgba(13, 33, 79, .08);
  --focus: 0 0 0 2px #fff, 0 0 0 4px var(--blue);

  --ease-out: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 120ms; --t: 200ms; --t-slow: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t: 0ms; --t-slow: 0ms; }
}