/* ============================================================
   Pertevniyal Rehber — Design Tokens
   Derived from PLYD T2 theme. Mobile-first.
   ============================================================ */

:root {
  /* ── Colors ─────────────────────────────────────────────── */
  --navy: #252876;
  --navy-deep: #1A1D5C;
  --navy-light: #3A3DA0;
  --navy-hover: #2E3188;

  --cream: #F3EEE2;
  --cream-dark: #E8E1D1;
  --cream-light: #FAF6EE;

  --white: #FFFFFF;
  --ink: #1A1D3D;
  --body: #3A3E55;
  --muted: #7A7D90;
  --subtle: #B5B8C8;

  --line: rgba(37, 40, 118, 0.12);
  --line-strong: rgba(37, 40, 118, 0.22);

  --gold: #C9A96E;
  --gold-soft: rgba(201, 169, 110, 0.15);

  --success: #2F9E6B;
  --success-soft: rgba(47, 158, 107, 0.12);
  --danger: #D93A3A;
  --warning: #E89B2A;
  --info: #3A7DC9;

  /* ── Radii ──────────────────────────────────────────────── */
  --r-xs: 8px;
  --r-sm: 12px;
  --r: 18px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* ── Spacing scale ──────────────────────────────────────── */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;

  /* ── Typography ─────────────────────────────────────────── */
  --font-display: 'Alegreya Sans', system-ui, sans-serif;
  --font-body: 'Fira Sans', system-ui, sans-serif;

  --fs-h1: 26px;
  --fs-h2: 20px;
  --fs-h3: 17px;
  --fs-body: 15px;
  --fs-sm: 13px;
  --fs-xs: 11px;

  /* ── Shadows ────────────────────────────────────────────── */
  --shadow-sm: 0 2px 6px rgba(26, 29, 61, 0.06);
  --shadow: 0 4px 14px rgba(26, 29, 61, 0.08);
  --shadow-lg: 0 10px 30px rgba(26, 29, 61, 0.12);
  --shadow-navy: 0 6px 20px rgba(37, 40, 118, 0.22);

  /* ── Layout ─────────────────────────────────────────────── */
  --app-max-w: 430px;
  --top-bar-h: 56px;
  --tab-bar-h: 68px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* ── Motion ─────────────────────────────────────────────── */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 0.15s;
  --dur: 0.25s;
  --dur-slow: 0.4s;
}