/* ==========================================================================
   kullaniciyorumu.com — Tasarım Tokenları
   Renk rolleri anlamsaldır: mor = yorumcu/kazanç, yeşil = işletme.
   ========================================================================== */

:root {
  /* --- Marka: yorumcu / kazanç tarafı ---------------------------------- */
  --brand-50:  #F5F2FE;
  --brand-100: #EAE3FC;
  --brand-200: #D6C9F8;
  --brand-400: #9B78EC;
  --brand-500: #7C4EE4;
  --brand-600: #6D3FE0;
  --brand-700: #5A32C0;
  --brand-800: #47279A;

  /* --- İşletme tarafı --------------------------------------------------- */
  --biz-50:  #E8F5EF;
  --biz-100: #D2ECE0;
  --biz-200: #A9D9C3;
  --biz-500: #1E9463;
  --biz-600: #1A855A;
  --biz-700: #16794E;
  --biz-800: #11603E;

  /* --- Nötrler ---------------------------------------------------------- */
  --ink:      #14142B;
  --ink-soft: #2E2E4A;
  --muted:    #5A5A72;
  --muted-2:  #8A8AA3;
  --line:     #EDEAF7;
  --line-2:   #E3DEF3;
  --surface:  #FFFFFF;
  --surface-2:#FBFAFF;
  /* Zemin hafif lila: beyaz kartlar üzerinde kendi başına ayrışsın diye */
  --bg:       #F6F5FC;

  /* --- Durum ------------------------------------------------------------ */
  --warn:    #F59E0B;
  --warn-bg: #FEF5E4;
  --ok:      #16A34A;
  --ok-bg:   #E6F6EC;
  --bad:     #DC2626;
  --bad-bg:  #FCECEC;
  --star:    #F5A524;

  /* --- Tipografi -------------------------------------------------------- */
  --font-display: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --fs-display: clamp(2.5rem, 1.6rem + 3.6vw, 3.5rem);  /* 40 → 56 */
  --fs-h1:      clamp(2rem, 1.4rem + 2.4vw, 2.5rem);    /* 32 → 40 */
  --fs-h2:      clamp(1.625rem, 1.25rem + 1.5vw, 1.875rem); /* 26 → 30 */
  --fs-h3:      1.375rem;   /* 22 */
  --fs-lg:      1.125rem;   /* 18 */
  --fs-base:    1rem;       /* 16 */
  --fs-sm:      0.875rem;   /* 14 */
  --fs-xs:      0.8125rem;  /* 13 */

  --lh-tight: 1.05;
  --lh-snug:  1.25;
  --lh-body:  1.6;
  --ls-tight: -0.02em;

  /* --- Ritim (4px tabanlı) --------------------------------------------- */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 48px;  --s-8: 64px;  --s-9: 96px;

  --container: 1200px;
  --gutter: 24px;

  /* --- Form ------------------------------------------------------------- */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  /* Gölgeler mor tonlu — nötr gri kullanılmaz, marka sayfa boyunca bütünleşir */
  --sh-sm: 0 1px 2px rgba(20, 20, 43, .04), 0 2px 8px rgba(109, 63, 224, .05);
  --sh-md: 0 4px 24px rgba(109, 63, 224, .08);
  --sh-lg: 0 12px 48px rgba(109, 63, 224, .12);
  --sh-biz: 0 4px 24px rgba(22, 121, 78, .10);

  --ring: 0 0 0 3px var(--brand-200);

  --t-fast: 140ms cubic-bezier(.4, 0, .2, 1);
  --t-base: 220ms cubic-bezier(.4, 0, .2, 1);
}

/* Bir bölüm veya panel işletme tarafındaysa bu sınıfı taşır; tüm marka
   referansları yeşile döner, bileşenlerin ayrıca varyantı gerekmez. */
.t-biz {
  --brand-50:  var(--biz-50);
  --brand-100: var(--biz-100);
  --brand-200: var(--biz-200);
  --brand-500: var(--biz-500);
  --brand-600: var(--biz-700);
  --brand-700: var(--biz-800);
  --sh-md: var(--sh-biz);
  --ring: 0 0 0 3px var(--biz-200);
}