/* =============================================================
   PERIPLUS UI — Tasarim sistemi tokenlari (tek kaynak)
   Asama 3 / Faz 3.0. Tum yeni UI bu degiskenleri tuketir.
   Renk/bosluk/yaricap/tipografi degistirmek icin TEK nokta burasi.

   Marka korunur: Periplus mavi #2546A9. Mevcut --p-* vokabuleri
   genisletildi (rename YOK). :root seviyesinde tanimli, boylece
   data-build-type olmayan sayfalarda da gecerli.
   ============================================================= */

:root {
  /* --- Marka --------------------------------------------------- */
  --p-brand: #2546A9;
  --p-brand-deep: #1E3A8A;       /* hover/pressed primary */
  --p-brand-light: #3B82F6;
  --p-brand-fg: #FFFFFF;          /* marka uzerindeki metin */
  --p-brand-soft: rgba(37, 70, 169, 0.08);
  --p-brand-soft-hover: rgba(37, 70, 169, 0.14);
  --p-brand-soft-active: rgba(37, 70, 169, 0.20);
  --p-brand-ring: rgba(37, 70, 169, 0.30);   /* focus halkasi */

  /* --- Notr aile: tek soguk slate rampasi (taste-skill: tek aile) */
  --p-slate-50: #F8FAFC;
  --p-slate-100: #F1F5F9;
  --p-slate-200: #E2E8F0;
  --p-slate-300: #CBD5E1;
  --p-slate-400: #94A3B8;
  --p-slate-500: #64748B;
  --p-slate-600: #475569;
  --p-slate-700: #334155;
  --p-slate-800: #1E293B;
  --p-slate-900: #0F172A;
  --p-slate-950: #0A0F1C;

  /* --- Anlamsal yuzeyler & metin ------------------------------- */
  --p-bg: var(--p-slate-50);        /* uygulama arka plani */
  --p-surface: #FFFFFF;             /* kart/panel yuzeyi */
  --p-surface-2: var(--p-slate-50); /* ikincil yuzey (sidebar/toolbar) */
  --p-surface-3: var(--p-slate-100);/* gomulu/hover yuzey */
  --p-surface-inset: var(--p-slate-100);

  --p-text-primary: var(--p-slate-900);
  --p-text-secondary: var(--p-slate-500);
  --p-text-tertiary: var(--p-slate-400);
  --p-text-on-accent: #FFFFFF;

  --p-border: var(--p-slate-200);       /* standart hairline */
  --p-border-strong: var(--p-slate-300);
  --p-border-soft: var(--p-slate-100);

  /* --- Durum renkleri (her biri yumusak zemini ile) ------------ */
  --p-success: #16A34A;
  --p-success-soft: rgba(22, 163, 74, 0.10);
  --p-warning: #D97706;
  --p-warning-soft: rgba(217, 119, 6, 0.10);
  --p-danger: #DC2626;
  --p-danger-deep: #B91C1C;
  --p-danger-soft: rgba(220, 38, 38, 0.10);
  --p-danger-ring: rgba(220, 38, 38, 0.28);
  --p-info: var(--p-brand);
  --p-info-soft: var(--p-brand-soft);

  /* --- Bosluk olcegi (8-tabanli; impeccable) ------------------- */
  --p-space-1: 4px;
  --p-space-2: 8px;
  --p-space-3: 12px;
  --p-space-4: 16px;
  --p-space-5: 24px;
  --p-space-6: 32px;
  --p-space-7: 48px;
  --p-space-8: 64px;
  --p-space-9: 80px;
  --p-space-10: 112px;

  /* --- Yaricap olcegi (tek olcek; rafine = kucuk-orta) --------- */
  --p-radius-xs: 6px;
  --p-radius-sm: 8px;     /* buton, input */
  --p-radius-md: 12px;    /* kart, panel */
  --p-radius-lg: 16px;    /* buyuk panel, sheet ust kose */
  --p-radius-pill: 999px;
  /* Geri-uyum (eski desktop/*.css bu adlari kullaniyor) */
  --p-radius-button: var(--p-radius-sm);
  --p-radius-input: var(--p-radius-sm);
  --p-radius-card: var(--p-radius-md);

  /* --- Tipografi ---------------------------------------------- */
  --p-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --p-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono",
    Menlo, Consolas, monospace;

  /* Sabit rem olcek (urun sinifi: clamp degil, oran ~1.2) */
  --p-text-xs: 0.75rem;     /* 12 — etiket/rozet */
  --p-text-sm: 0.8125rem;   /* 13 — ikincil */
  --p-text-base: 0.875rem;  /* 14 — govde (masaustu arac) */
  --p-text-md: 1rem;        /* 16 — rahat govde / mobil min */
  --p-text-lg: 1.125rem;    /* 18 */
  --p-text-xl: 1.375rem;    /* 22 — bolum basligi */
  --p-text-2xl: 1.75rem;    /* 28 */
  --p-text-3xl: 2.25rem;    /* 36 — sayfa basligi */

  --p-weight-regular: 400;
  --p-weight-medium: 500;
  --p-weight-semibold: 600;

  --p-leading-tight: 1.2;
  --p-leading-normal: 1.5;
  --p-leading-relaxed: 1.62;
  --p-tracking-tight: -0.01em;
  --p-tracking-label: 0.04em;   /* kucuk caps etiket */

  /* --- Golge (slate'e boyali, tek isik kaynagi, az) ----------- */
  --p-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --p-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --p-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
  --p-shadow-pop: 0 8px 24px rgba(15, 23, 42, 0.14);   /* dropdown/popover */
  --p-shadow-accent: 0 4px 14px rgba(37, 70, 169, 0.26);
  /* Geri-uyum */
  --p-shadow-1: var(--p-shadow-sm);
  --p-shadow-2: var(--p-shadow-md);
  --p-shadow-3: var(--p-shadow-lg);
  --p-shadow-brand: var(--p-shadow-accent);

  /* --- Cam materyali (YALNIZ harita kromu/viewer ustu) -------- */
  --p-glass: rgba(255, 255, 255, 0.72);
  --p-glass-strong: rgba(255, 255, 255, 0.85);
  --p-glass-border: rgba(255, 255, 255, 0.55);
  --p-blur: saturate(160%) blur(24px);
  --p-blur-strong: saturate(180%) blur(36px);

  /* --- Z-index olcegi (anlamsal, dokumante; asla 9999 spam) --- */
  --p-z-base: 1;
  --p-z-sticky: 100;
  --p-z-dropdown: 1000;
  --p-z-topbar: 1100;
  --p-z-panel: 1200;
  --p-z-overlay: 2000;
  --p-z-modal: 2100;
  --p-z-sheet: 2100;
  --p-z-toast: 3000;
  --p-z-tooltip: 3100;

  /* --- Hareket: Emil egrileri + sureleri ---------------------- */
  --p-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --p-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --p-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --p-ease: var(--p-ease-out);   /* geri-uyum */

  --p-dur-press: 140ms;   /* buton basma geri bildirimi */
  --p-dur-fast: 160ms;    /* hover/renk */
  --p-dur-pop: 200ms;     /* dropdown/tooltip/popover */
  --p-dur-modal: 280ms;   /* modal */
  --p-dur-drawer: 360ms;  /* drawer/sheet */

  /* --- Dokunma & yerlesim ------------------------------------- */
  --p-touch: 44px;            /* min dokunma hedefi (WCAG/HIG) */
  --p-topbar-h: 56px;         /* ust bar yuksekligi (masaustu) */
  --p-topbar-h-mobile: 52px;
  --p-container: 1400px;      /* genis ekran max */
  --p-focus-ring: 0 0 0 3px var(--p-brand-ring);
}

/* Mevcut "Premium Glass v5" kapsami (body[data-build-type]) artik
   :root tokenlarini miras alir; eski sayfalar bozulmaz. */