/* Okulia Landing — tasarım değişkenleri
   Kaynak: Figma "Okulia Landing Page" (frame 1920×6649) SVG export'u */
:root{
  /* Marka */
  --mavi:#5271ff;
  --mavi-koyu:#4565f8;
  --mavi-acik:#8097ff;
  --mavi-daire:#5a91ff;
  --yesil:#47cc6b;          /* "Süper" plan şeridi */
  --yesil-buton:#92dda2;    /* "Giriş yap" */
  --sari-buton:#ffcc32;     /* "Mobil cihazınıza indirin!" */
  --pembe-logo:#e6007e;

  /* Yüzeyler */
  --beyaz:#fff;
  --krem:#fcf5f2;
  --acik:#eff4fa;           /* menü hapı, giriş kartı, bayrak */
  --cizgi:#d3e0f8;

  /* Metin */
  --lacivert:#2b2a50;       /* Figma değişkeni: dojoblue */
  --metin:#596076;
  --metin-acik:#7f8499;
  --metin-solgun:#bac1e0;

  /* Hero kartları */
  --k-sari:#fed370;      --e-sari:#ffe9b5;
  --k-gok:#65d4fe;       --e-gok:#b7ebff;
  --k-pembe:#fd88ae;     --e-pembe:#fdc5d7;
  --k-yesil:#92dda2;     --e-yesil:#c2eccb;
  --k-turuncu:#fe9769;   --e-turuncu:#ffc7ae;
  --k-mor:#b698ff;       --e-mor:#d2bfff;

  /* Kart etiketlerinin yazı renkleri — Figma V2'den birebir */
  --y-sari:#8c6917;   --y-gok:#0d698c;     --y-pembe:#aa2751;
  --y-yesil:#42644b;  --y-turuncu:#995231; --y-mor:#5b3ea2;

  /* Hakkında */
  --h-yesil:#d3ecd4;
  --h-gok:#81d2fa;
  --h-pembe:#ee8ead;

  /* Sosyal */
  --s-ig:#0cc1a3; --s-fb:#ffbea1; --s-in:#e2a2ff;
  --s-tel:#eb7593; --s-mail:#6cc7ef; --s-adres:#f6d48c;

  /* Tipografi */
  --f-baslik:'Marykate','Baloo 2',system-ui,cursive;
  /* Marykate kuruldu; ölçek çarpanı 1. (Font yoksa 'Baloo 2' devreye girer,
     o daha geniş yazdığı için .755 yapılması gerekir.) */
  --baslik-olcek:1;
  --f-govde:'Afacad',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-rakam:'Baloo 2',system-ui,cursive;
  /* Yazı hiyerarşisi: Marykate = ana başlık, Baloo 2 = ikincil başlık, Afacad = metin */
  --f-ara:'Baloo 2',system-ui,cursive;

  /* Ölçü */
  --tasarim-genislik:1920px;
  --tasarim-yukseklik:6649px;
  --golge-ikon:6px 6px 5px rgba(85,85,85,.15);
  --golge-buton:0 4px 0 0 var(--mavi-acik);
}