/* AkbimPay — design tokens
 * DNA from akbimtercih.com / akbimtercih.net (Plus Jakarta + Inter · AKBİM blue)
 * Hero structure remains Stat-Led; palette follows the AKBİM family language. */

:root {
  /* ---- Palette · AKBİM blue family ---- */
  --color-paper:         #f8fafc;
  --color-paper-2:       #f1f5f9;
  --color-paper-3:       #eef4ff;
  --color-rule:          #e2e8f0;
  --color-rule-2:        #cbd5e1;
  --color-neutral:       #64748b;
  --color-muted:         #64748b;
  --color-ink-2:         #334155;
  --color-ink:           #0f172a;

  --color-brand:         #0c4394;
  --color-accent:        #1872c4;
  --color-accent-strong: #0c4394;
  --color-accent-light:  #4a9fd9;
  --color-accent-soft:   #5eb0eb;
  --color-accent-ink:    #ffffff;
  --color-accent-wash:   rgba(24, 114, 196, 0.10);
  --color-focus:         #1872c4;

  --color-brand-rgb:     12, 67, 148;
  --color-accent-rgb:    24, 114, 196;
  --color-accent-light-rgb: 74, 159, 217;

  --gradient-brand: linear-gradient(135deg, #0c4394 0%, #1872c4 55%, #4a9fd9 100%);
  --gradient-text:  linear-gradient(90deg, #0c4394 0%, #1872c4 100%);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);
  --shadow-md: 0 10px 25px -5px rgba(15, 23, 42, .10), 0 8px 10px -6px rgba(15, 23, 42, .06);
  --shadow-lg: 0 20px 60px rgba(12, 67, 148, .18);
  --shadow-btn: 0 8px 24px rgba(24, 114, 196, .30);

  /* ---- Type · Plus Jakarta Sans (display) + Inter (body) — Tercih stack ---- */
  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Inter", ui-monospace, "SFMono-Regular", monospace;

  /* ---- Type scale ---- */
  --text-xs:   0.8rem;
  --text-sm:   0.9rem;
  --text-base: 1rem;
  --text-md:   1.05rem;
  --text-lg:   1.25rem;
  --text-xl:   1.6rem;
  --text-2xl:  2.1rem;
  --text-3xl:  2.7rem;
  --text-display:   clamp(2.3rem, 5vw, 3.5rem);
  --text-display-s: clamp(1.9rem, 3.5vw + 1rem, 2.7rem);
  --text-figure:    clamp(5.5rem, 18vw, 14rem);

  /* ---- Spacing · 4pt scale ---- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 5.5rem;
  --space-4xl: 8rem;

  /* ---- Structure · Tercih softness ---- */
  --page-max:    1180px;
  --page-gutter: clamp(1.15rem, 4vw, 2rem);
  --rule-hair:   1px;
  --radius-sm:   10px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 250ms;
  --dur-long:  420ms;

  /* ---- Z-index ---- */
  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
}