/* ============================================================
   tokens.css — Yapı Kredi design tokens (extracted from live site)
   Site: https://www.yapikredi.com.tr/en/
   ============================================================ */

/* Ubuntu — self-hosted (latin), fully local */
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/ubuntu-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/ubuntu-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/ubuntu-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* Icon font (self-hosted, same as target) */
@font-face {
  font-family: 'icomoon';
  src: url('../assets/fonts/icomoon.woff2?r242ai') format('woff2'),
       url('../assets/fonts/icomoon.ttf?r242ai') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

:root {
  /* ---- Colors (from computed styles) ---- */
  --c-blue: #1366b2;          /* primary brand blue / body bg */
  --c-blue-deep: #0a3359;     /* limitless gradient end */
  --c-navy: #004990;          /* headings, links, buttons dark blue */
  --c-navy-2: #004180;        /* section title dark blue */
  --c-navy-3: #003584;        /* rgb(0,53,132) accents */
  --c-cyan: #0ca2f2;          /* bright icon cyan */
  --c-red: #d9322d;           /* Internet Banking button */
  --c-red-2: #de4230;         /* mobile red panel */
  --c-text: #1f1f1f;          /* primary text */
  --c-text-body: #212529;     /* body text */
  --c-muted: #858a93;         /* grey links */
  --c-border: #d8e0ed;        /* hairline borders */
  --c-grey-bg: #f5f5f5;       /* top bar / mobile menu bg */
  --c-light-bg: #f3f7fb;      /* big-cards section bg */
  --c-cookie-bg: #e6f5fd;     /* cookie bar bg */
  --c-search-border: #89b3d9; /* hero search pill border */
  --c-gold: #ffe1a8;          /* icon accent */
  --c-icon-pale: #e6f5fd;     /* icon pale accent */
  --c-white: #ffffff;

  /* ---- Typography ---- */
  --font-main: 'Ubuntu', sans-serif;
  --font-icon: 'icomoon';
  /* html { font-size: 10px } is set in base.css so 2.4rem = 24px like target */

  /* ---- Layout ---- */
  --container: 1170px;        /* desktop container max-width */
  --container-padding: 15px;
  --header-z: 99999999;
  --dropdown-z: 999;
  --backtotop-z: 9999999;

  /* ---- Radii ---- */
  --r-sm: 8px;
  --r-md: 16px;
  --r-pill: 27px;
  --r-circle: 50%;

  /* ---- Breakpoints (documented literals — CSS vars can't be used in media queries)
       mobile-first; desktop overrides at min-width: 992px ("lg")
       container 1170px applies at min-width: 1200px ("xl") ---- */
  /* --bp-lg: 992px; --bp-xl: 1200px; */
}