/* ═══════════════════════════════════════════════════
   TOKENS.CSS — Sarıyıldız Proje Design Tokens
   Tüm renk, font, spacing değerleri buradan gelir.
   Başka dosya bu değerleri doğrudan yazmaz.
═══════════════════════════════════════════════════ */

:root {
  /* ── Renkler ── */
  --yellow:       #F5C500;
  --yellow-hover: #ffd83a;
  --yellow-dim:   rgba(245,197,0,0.07);
  --yellow-border:rgba(245,197,0,0.20);
  --yellow-border-strong: rgba(245,197,0,0.40);

  --black:  #0a0a0a;
  --dark:   #111111;
  --dark2:  #1a1a1a;
  --dark3:  #0f0f0f;
  --dark4:  #0d0d0d;
  --dark5:  #080808;

  --white:  #f7f3e8;
  --gray:   #888888;
  --gray2:  #555555;
  --gray3:  #333333;
  --gray4:  #2a2a2a;
  --gray5:  #444444;

  --green-wa:       #25D366;
  --green-wa-hover: #1fba58;

  /* ── Tipografi ── */
  --font-display: 'Bebas Neue', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* ── Spacing scale ── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  60px;
  --space-2xl: 80px;
  --space-3xl: 120px;

  /* ── Borders ── */
  --border-dim:    #1e1e1e;
  --border-dark:   #161616;
  --border-darker: #111111;
  --border-card:   #1c1c1c;

  /* ── Transitions ── */
  --t-fast:   0.15s ease;
  --t-base:   0.2s ease;
  --t-slow:   0.3s ease;
  --t-reveal: 0.6s ease;

  /* ── Z-index scale ── */
  --z-cursor:   9999;
  --z-cursor-r: 9998;
  --z-ripple:   9997;
  --z-nav:      100;
  --z-dropdown: 200;
  --z-float:    999;

  /* ── Clip-paths ── */
  --clip-btn-lg: polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  --clip-btn-sm: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  --clip-icon:   polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}