@property --buy { syntax: "<color>"; inherits: true; initial-value: #e67a12; }
@property --buy2 { syntax: "<color>"; inherits: true; initial-value: #c45e08; }
@property --bg { syntax: "<color>"; inherits: true; initial-value: #0f2748; }
@property --header { syntax: "<color>"; inherits: true; initial-value: #0f2748; }
@property --gold { syntax: "<color>"; inherits: true; initial-value: #f0b429; }
@property --t-fast { syntax: "<time>"; inherits: true; initial-value: 0.16s; }
@property --t-mid { syntax: "<time>"; inherits: true; initial-value: 0.28s; }
@property --t-slow { syntax: "<time>"; inherits: true; initial-value: 0.45s; }

/* Bahrac token yönetimi — renk, tipografi, boşluk, hareket */
:root{
  --color-navy:#0f2748;
  --color-navy-2:#16345c;
  --color-navy-deep:#0b1d36;
  --color-ink:#1b2a41;
  --color-muted:#5c6b80;
  --color-paper:#f7f4ee;
  --color-white:#ffffff;
  --color-buy:#e67a12;
  --color-buy-2:#c45e08;
  --color-gold:#f0b429;
  --color-ok:#0f9d73;
  --color-line:#e7edf5;

  --bg:var(--color-navy);
  --bg2:var(--color-navy-2);
  --card:var(--color-white);
  --panel:var(--color-paper);
  --line:rgba(255,255,255,.14);
  --text:var(--color-paper);
  --muted:#c9d4e6;
  --blue:#2f6fed;
  --blue2:#1e4ba8;
  --buy:var(--color-buy);
  --buy2:var(--color-buy-2);
  --red:var(--color-buy);
  --gold:var(--color-gold);
  --ok:var(--color-ok);
  --glow:#f0b42933;
  --header:var(--color-navy);
  --pre:var(--color-navy-deep);
  --ink:var(--color-ink);

  --font:"Plus Jakarta Sans","Segoe UI",sans-serif;
  --fs-0:.75rem;
  --fs-1:.875rem;
  --fs-2:1rem;
  --fs-3:clamp(1.8rem,3.4vw,2.8rem);

  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:24px;
  --space-5:40px;
  --wrap:1180px;
  --radius:16px;
  --radius-pill:999px;

  --shadow-1:0 10px 24px rgba(15,39,72,.12);
  --shadow-2:0 22px 44px rgba(15,39,72,.14);

  --t-fast:.16s;
  --t-mid:.28s;
  --t-slow:.45s;
  --t-hero:.7s;
  --ease:cubic-bezier(.22,1,.36,1);
  --header-h:72px;
}

[data-theme="trust"]{
  --buy:#1a8f86; --buy2:#0f6e68; --gold:#e8c547;
  --bg:#12324d; --header:#12324d;
}
[data-theme="sky"]{
  --buy:#2563eb; --buy2:#1d4ed8; --gold:#fbbf24;
  --bg:#102a4a; --header:#102a4a;
}