@charset "UTF-8";
/* =========================================================================
   AQUA TURCO · ORTAK TASARIM TOKENLARI (--at-*)
   public/assets/tokenlar.css — panel (aquaturco.css) ve vitrin (vitrin/*.css) İKİSİ DE yükler; <head>'de bu dosya ÖNCE gelir.
   TASARIM-VITRIN §0.4 / §9.2 V1a: token bloğu panel CSS'inden ayrıldı, değerler DEĞİŞMEDİ (panelin görünümü aynı).
   Kurallar: renk, yazı, ölçü ve gölge yalnız bu tokenlarla; yeni token buraya eklenir (iki yüzey de görür). Vitrine özgü
   tokenlar (--vt-*) vitrin CSS'indedir. Satır içi stil yok (CSP 'self').
   ========================================================================= */
/* =========================================================================
   01 TOKENLAR
   ========================================================================= */
:root {
  /* --- Marka ---------------------------------------------------------- */
  --at-navy-950: #061A2E;
  --at-navy-900: #0A2540;            /* ana mürekkep + marka */
  --at-navy-800: #133559;
  --at-navy-700: #1D4370;
  --at-navy-600: #0B4A68;            /* imza gradyanının ortası */
  --at-teal-800: #075C64;
  --at-teal-700: #086A73;
  --at-teal-600: #0A7C86;            /* TEK vurgu: derin turkuaz */
  --at-teal-500: #0A8E98;            /* imza gradyanının ucu (yalnız zemin) */
  --at-teal-400: #3FB6BD;
  --at-teal-200: #A9DEE0;
  --at-teal-100: #DDF1F1;
  --at-teal-50:  #EFF8F8;

  /* İmza gradyanı: lacivert → derin mavi → derin turkuaz (düz, blur yok) */
  --at-gradient-brand: linear-gradient(135deg, #0A2540 0%, #0B4A68 58%, #0A8E98 100%);
  /* Kahraman kart: açık uç köşede kalır; küçük metin hep koyu bölgede (AA) */
  --at-gradient-hero: linear-gradient(118deg, #0A2540 0%, #0B4A68 56%, #0A8E98 100%);
  /* Metnin sağa kadar yayıldığı geniş şeritler (herkese açık sayfa): açık uç kadrajın dışında */
  --at-gradient-band: linear-gradient(118deg, #0A2540 0%, #0B4A68 62%, #0A8E98 125%);

  /* --- Metin (beyaz üzerinde kontrast) -------------------------------- */
  --at-text: #0A2540;                /* 15.9:1 */
  --at-text-2: #425466;              /* 7.8:1  */
  --at-muted: #5B6B80;               /* 5.4:1  (#F6F8FA üzerinde 5.1:1) */
  --at-faint: #98A6B8;               /* yalnız süs/çizgi; metin için değil */
  --at-placeholder: #6B7A8F;         /* 4.6:1 */
  /* Koyu zemin (gradyan, lacivert) üstünde */
  --at-on-dark: #FFFFFF;             /* birincil: %100 beyaz */
  --at-on-dark-2: rgb(255 255 255 / .86); /* ikincil: en az %85 beyaz */
  --at-on-dark-line: rgb(255 255 255 / .18);
  --at-on-dark-fill: rgb(255 255 255 / .08);
  --at-on-dark-fill-2: rgb(255 255 255 / .14);

  /* --- Yüzeyler ------------------------------------------------------- */
  --at-bg: #F6F8FA;                  /* sayfa zemini */
  --at-surface: #FFFFFF;             /* kart */
  --at-surface-2: #F9FAFB;           /* çok hafif dolgu (satır üzeri, kutu) */
  --at-surface-3: #F1F4F7;           /* segment kabı, iz */
  --at-border: #E3E8EE;              /* ana çizgi */
  --at-border-2: #EDF1F5;            /* satır ayracı */
  --at-border-strong: #CDD5DF;       /* giriş alanı, düğme */
  --at-border-hover: #B6C1CE;

  /* --- Vurgu ---------------------------------------------------------- */
  --at-accent: var(--at-teal-600);   /* beyaz yazı üstünde 4.96:1 */
  --at-accent-hover: var(--at-teal-700);
  --at-accent-text: #09707A;         /* bağlantı metni 5.8:1 */
  --at-accent-soft: var(--at-teal-50);
  --at-accent-soft-2: var(--at-teal-100);
  --at-accent-ring: rgb(10 124 134 / .22);

  /* --- Anlam renkleri (ölçülü; hep metin/ikonla birlikte) -------------- */
  --at-success: #157F3C;             /* metin 5.1:1 */
  --at-success-solid: #22A05A;       /* nokta, çubuk */
  --at-success-soft: #ECF7F0;
  --at-success-border: #BFE3CB;
  --at-warning: #A15C07;             /* metin 5.2:1 */
  --at-warning-solid: #E89B1C;
  --at-warning-soft: #FEF6E7;
  --at-warning-border: #F5DDB0;
  --at-danger: #C2352B;              /* metin 5.5:1 */
  --at-danger-solid: #E04A3F;
  --at-danger-soft: #FDF1F0;
  --at-danger-border: #F3CBC7;

  /* --- Grafik serileri ------------------------------------------------ */
  --at-chart-1: var(--at-teal-600);  /* ana seri (tahsilat, kart, giriş) */
  --at-chart-2: #4E6A8F;             /* ikinci seri (havale) */
  --at-chart-3: #8696AB;             /* çıkış / nötr */
  --at-chart-4: #24384F;             /* kredi taksiti / net */
  --at-grid: #EEF2F6;

  /* --- Tipografi ------------------------------------------------------ */
  --at-font-display: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --at-font-text: "Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --at-fs-2xs: 12px;                 /* en küçük yazı: masaüstünde de 12px (okunabilirlik kararı, Eki 2026) */
  --at-fs-xs: 12px;                  /* telefonda 13px */
  --at-fs-sm: 13px;                  /* telefonda 14px */
  --at-fs-base: 14px;                /* telefonda 15px */
  --at-fs-md: 15px;                  /* telefonda 16px (iOS yakınlaştırmaz) */
  --at-fs-lg: 17px;
  --at-fs-xl: 20px;
  --at-fs-2xl: 26px;
  --at-fs-3xl: 32px;
  --at-fs-4xl: 40px;
  --at-fs-hero: 52px;                /* bayi cari bakiye */
  --at-fs-display: 60px;             /* merkez bugünkü tahsilat */
  --at-track-tight: -0.022em;
  --at-track-num: -0.035em;
  --at-track-caps: 0.08em;

  /* --- Ölçü ----------------------------------------------------------- */
  --at-r-xs: 6px;
  --at-r-sm: 8px;
  --at-r: 10px;
  --at-r-md: 12px;
  --at-r-lg: 16px;
  --at-r-xl: 20px;
  --at-r-full: 999px;
  --at-gutter: 40px;
  --at-gap: 20px;
  --at-sidebar-w: 252px;
  --at-topbar-h: 64px;
  --at-tabbar-h: 64px;
  --at-content-max: 1360px;
  --at-hit: 36px;                    /* masaüstü küçük hedef; telefonda 44px */

  /* --- Derinlik ------------------------------------------------------- */
  --at-shadow-xs: 0 1px 2px rgb(10 37 64 / .05);
  --at-shadow-sm: 0 1px 2px rgb(10 37 64 / .04), 0 6px 20px -12px rgb(10 37 64 / .14);
  --at-shadow-pop: 0 2px 6px rgb(10 37 64 / .06), 0 18px 40px -12px rgb(10 37 64 / .22);
  --at-shadow-hero: 0 1px 2px rgb(10 37 64 / .18), 0 28px 56px -32px rgb(10 37 64 / .6);
  --at-shadow-card: 0 1px 2px rgb(10 37 64 / .06), 0 4px 14px -4px rgb(10 37 64 / .12);       /* vitrin ürün kartı, dinlenik (14 Ekim 2026) */
  --at-shadow-card-hover: 0 6px 12px -4px rgb(10 37 64 / .10), 0 18px 36px -12px rgb(10 37 64 / .26); /* üzerine gelince */

  /* --- Hareket -------------------------------------------------------- */
  --at-ease: cubic-bezier(.2, .7, .2, 1);
  --at-fast: .14s;
  --at-normal: .22s;
  --at-slow: .32s;

  /* --- Katman sırası -------------------------------------------------- */
  --at-z-topbar: 20;
  --at-z-actionbar: 25;
  --at-z-tabbar: 30;
  --at-z-proto: 35;
  --at-z-scrim: 40;
  --at-z-sidebar: 45;
  --at-z-menu: 50;
  --at-z-toast: 60;

  color-scheme: light;
}

@media screen and (max-width: 767.98px) {
  :root {
    --at-fs-2xs: 12px;
    --at-fs-xs: 13px;
    --at-fs-sm: 14px;
    --at-fs-base: 15px;
    --at-fs-md: 16px;
    --at-fs-3xl: 26px;
    --at-fs-hero: 42px;
    --at-fs-display: 46px;
    --at-gutter: 16px;
    --at-gap: 14px;
    --at-topbar-h: 58px;
    --at-hit: 44px;
  }
}
@media (min-width: 768px) and (max-width: 1279.98px) {
  :root { --at-gutter: 28px; }
}