/* FY tasarım tokenları — altın üstü siyah, art deco.
   Renkler fy-ajans deposundaki brand/README.md ile birebir aynı: altın #d4af37,
   parlak altın #f5d76e, koyu altın #a9821e, zemin #070604, krem #f4ecd8.
   İki site aynı markayı gösterir; biri diğerinden kaymaz.
   Renkler rgb üçlüsü: rgb(var(--vurgu) / .12) gibi alfa kullanımı için.
   Yalnız mantıksal özellikler kullanılır (RTL: Farsça arayüz aynı dosyayla çalışır). */
:root {
  /* Zemin: gece siyahı, sıcak tarafa çekik. Yüzeyler yükseldikçe ısınır. */
  --bg: 7 6 4;                 /* marka zemini #070604 */
  --bg-2: 13 11 7;
  --yuzey: 20 17 12;
  --yuzey-2: 28 24 17;
  --yuzey-3: 40 34 24;
  --cizgi: 212 175 55;         /* hairline'lar altın; alfa ile kullanılır */

  --metin: 244 236 216;        /* marka kremi #f4ecd8 */
  --metin-2: 178 166 143;
  --metin-3: 124 113 95;

  /* Altın — markanın tek vurgusu. Üç kademe: derin, ana, ışık. */
  --altin-derin: 169 130 30;    /* koyu altın #a9821e */
  --vurgu: 212 175 55;          /* altın #d4af37 */
  --vurgu-2: 245 215 110;       /* parlak altın #f5d76e */
  --vurgu-yz: 11 9 4;           /* altın üstündeki yazı */
  --vurgu-sis: 212 175 55;      /* alfa ile sisli altın zemin */

  /* Anlam renkleri — altın-siyahla kavga etmesin diye kısık ve sıcak. */
  --mavi: 122 162 214;
  --yesil: 106 186 130;
  --kirmizi: 224 106 96;
  --sari: 226 184 74;
  --mor: 176 142 214;
  --altin: 212 175 55;

  --r-kucuk: 8px; --r: 12px; --r-buyuk: 18px; --r-tam: 999px;
  --b-1: 4px; --b-2: 8px; --b-3: 12px; --b-4: 16px; --b-5: 24px; --b-6: 32px; --b-8: 48px;

  /* Gölge + altın ışıma. Kartlar hem düşer hem hafifçe parlar. */
  --golge-1: 0 1px 2px rgb(0 0 0 / .5);
  --golge-2: 0 4px 14px rgb(0 0 0 / .55), 0 1px 2px rgb(0 0 0 / .4);
  --golge: 0 14px 40px rgb(0 0 0 / .6), 0 2px 8px rgb(0 0 0 / .45);
  --golge-vurgu: 0 0 0 1px rgb(var(--vurgu) / .35), 0 6px 24px rgb(var(--vurgu) / .18);
  --isik: 0 0 22px rgb(var(--vurgu) / .30);
  --isik-guclu: 0 0 34px rgb(var(--vurgu) / .5), 0 0 10px rgb(var(--vurgu-2) / .4);

  /* Altın yüzey dolguları — deco panel ve rozetler için. */
  --altin-gecis: linear-gradient(135deg, rgb(var(--vurgu-2)) 0%, rgb(var(--vurgu)) 38%, rgb(var(--altin-derin)) 72%, rgb(var(--vurgu)) 100%);
  --altin-hat: linear-gradient(90deg, rgb(var(--vurgu) / 0), rgb(var(--vurgu) / .55) 22%, rgb(var(--vurgu-2) / .9) 50%, rgb(var(--vurgu) / .55) 78%, rgb(var(--vurgu) / 0));

  --yazi: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Vazirmatn', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  --mono: ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  --f-xs: .6875rem; --f-s: .8125rem; --f-m: .9375rem; --f-l: 1.0625rem; --f-xl: 1.375rem; --f-2xl: 1.875rem; --f-3xl: 2.5rem;
  /* Deco başlık dili: büyük harf, geniş harf arası. Dış yazı tipi yüklemeden art deco hissi. */
  --deco-aralik: .16em;

  /* ---- Yükselti: her yüzey bir kademe. Üstte iç ışık, altta gölge:
     ışık yukarıdan gelir, kart metal gibi yakalar. Düz siyah üstü düz siyah
     yerine gerçek bir katman hissi verir. ---- */
  --kat-1: linear-gradient(180deg, rgb(255 255 255 / .028), rgb(255 255 255 / 0) 120px), rgb(var(--yuzey));
  --kat-2: linear-gradient(180deg, rgb(255 255 255 / .045), rgb(255 255 255 / 0) 140px), rgb(var(--yuzey-2));
  --ic-isik: inset 0 1px 0 rgb(255 255 255 / .07);
  --ic-isik-guclu: inset 0 1px 0 rgb(var(--vurgu-2) / .22);
  --kenarlik: 1px solid rgb(var(--vurgu) / .14);
  --kenarlik-2: 1px solid rgb(var(--vurgu) / .26);
  --yukselti-1: var(--ic-isik), 0 1px 2px rgb(0 0 0 / .5);
  --yukselti-2: var(--ic-isik), 0 2px 4px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .45);
  --yukselti-3: var(--ic-isik), 0 4px 8px rgb(0 0 0 / .45), 0 18px 48px rgb(0 0 0 / .55);

  /* ---- Grafik paleti ---- Kategorik sıra sabit, asla döngüye girmez.
     OKLCH L .665 / C .13, tonlar 85(altın) 250 150 305 25.
     dataviz doğrulayıcısı koyu zeminde (#070604) beş kontrolden de geçirdi:
     açıklık bandı, kroma tabanı, renk körlüğü ayrımı, normal görü tabanı, kontrast. */
  --seri-1: 184 140 25;    /* #b88c19 altın — marka serisi, hep ilk */
  --seri-2: 79 152 224;    /* #4f98e0 */
  --seri-3: 81 170 104;    /* #51aa68 */
  --seri-4: 166 126 211;   /* #a67ed3 */
  --seri-5: 216 113 106;   /* #d8716a */
  /* Sıralı (büyüklük) rampası: tek ton, açıktan koyuya. */
  --rampa-1: 62 48 14; --rampa-2: 104 79 18; --rampa-3: 148 112 22;
  --rampa-4: 184 140 25; --rampa-5: 226 186 88;
  /* Grafik mürekkebi: ızgara ve eksen geri planda kalır, veri öne çıkar. */
  --izgara: rgb(var(--vurgu) / .10);
  --eksen: rgb(var(--metin-3) / .55);

  --ust-cubuk: 62px; --alt-cubuk: 66px; --kenar: 264px;
  --gecis: 180ms cubic-bezier(.2, .6, .2, 1);
  --gecis-yavas: 420ms cubic-bezier(.2, .6, .2, 1);
  color-scheme: dark;
}

/* Aydınlık tema — fildişi zemin, altın korunur, metin siyaha döner.
   Marka aynı kalır: logonun fildişi varyantı bu temada kullanılır. */
:root[data-theme="light"] {
  --bg: 247 244 236;
  --bg-2: 242 238 228;
  --yuzey: 255 253 248;
  --yuzey-2: 245 241 231;
  --yuzey-3: 235 229 214;
  --cizgi: 92 74 32;

  --metin: 26 22 15;
  --metin-2: 92 82 64;
  --metin-3: 139 128 108;

  --altin-derin: 120 92 24;
  --vurgu: 154 118 28;
  --vurgu-2: 120 90 18;
  --vurgu-yz: 255 252 245;
  --vurgu-sis: 154 118 28;

  --mavi: 40 96 168;
  --yesil: 24 126 78;
  --kirmizi: 188 52 48;
  --sari: 162 118 12;
  --mor: 118 78 176;

  --golge-1: 0 1px 2px rgb(var(--cizgi) / .10);
  --golge-2: 0 3px 12px rgb(var(--cizgi) / .13), 0 1px 2px rgb(var(--cizgi) / .08);
  --golge: 0 12px 32px rgb(var(--cizgi) / .16), 0 2px 6px rgb(var(--cizgi) / .10);
  --isik: 0 0 18px rgb(var(--vurgu) / .16);
  --isik-guclu: 0 0 26px rgb(var(--vurgu) / .24);

  /* Aydınlıkta ışık yukarıdan değil her yerden gelir: iç ışık yerine
     yumuşak beyaz zemin, gölge daha kısık. */
  --kat-1: linear-gradient(180deg, rgb(255 255 255 / .9), rgb(255 255 255 / .55) 140px), rgb(var(--yuzey));
  --kat-2: linear-gradient(180deg, rgb(255 255 255 / .7), rgb(255 255 255 / .3) 160px), rgb(var(--yuzey-2));
  --ic-isik: inset 0 1px 0 rgb(255 255 255 / .8);
  --ic-isik-guclu: inset 0 1px 0 rgb(255 255 255 / .9);
  --kenarlik: 1px solid rgb(var(--cizgi) / .16);
  --kenarlik-2: 1px solid rgb(var(--cizgi) / .30);
  --yukselti-1: var(--ic-isik), 0 1px 2px rgb(var(--cizgi) / .10);
  --yukselti-2: var(--ic-isik), 0 2px 4px rgb(var(--cizgi) / .08), 0 8px 22px rgb(var(--cizgi) / .12);
  --yukselti-3: var(--ic-isik), 0 4px 8px rgb(var(--cizgi) / .10), 0 18px 44px rgb(var(--cizgi) / .16);

  /* Aydınlık grafik paleti ayrı seçildi — koyunun otomatik çevrilmişi değil.
     OKLCH L .55 / C .14, aynı tonlar; fildişi zeminde (#f7f4ec) beş kontrol de geçti. */
  --seri-1: 143 107 2;     /* #8f6b02 */
  --seri-2: 31 116 191;    /* #1f74bf */
  --seri-3: 28 135 66;     /* #1c8742 */
  --seri-4: 133 89 178;    /* #8559b2 */
  --seri-5: 181 74 70;     /* #b54a46 */
  --rampa-1: 240 231 206; --rampa-2: 214 190 128; --rampa-3: 180 145 60;
  --rampa-4: 143 107 2; --rampa-5: 92 68 4;
  --izgara: rgb(var(--cizgi) / .13);
  --eksen: rgb(var(--metin-3) / .7);
  color-scheme: light;
}