:root {
  
  --renk-birincil: #071A2F;
  --renk-vurgu: #E58A3A;
  --renk-zemin: #FCFBF7;
  --renk-metin: #0B2035;
  --font-baslik: "Fraunces", Georgia, "Times New Roman", serif;
  --font-govde: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --olcek: 1;

  
  --renk-vurgu-metin: #A64F1F;
  --renk-kum: #F0F2F0;
  --renk-kum-2: #E3E8E7;
  --renk-cizgi: #D8DEDC;
  --renk-cizgi-2: #B8C4C2;
  --renk-cizgi-yumusak: #E7EBE9;
  --renk-ikincil: #526371;
  --renk-soluk: #87949D;
  --renk-altin-2: #F1A35C;
  --renk-onay: #126050;
  --renk-durum: #B84F22;
  --renk-gece: #030F1E;
  --renk-whatsapp: #25D366;
  --renk-whatsapp-koyu: #128C7E;
  
  --renk-foto-metin: #FFFFFF;
  --renk-foto-soluk: #DDE6EA;

  
  --radius: 2px 10px 2px 10px;
  --radius-kart: 22px 4px 22px 4px;
  --radius-ic: 10px 2px 10px 2px;
  --radius-pill: 100px;
  --golge-1: 0 8px 24px rgb(3 15 30 / .08), 0 1px 0 rgb(255 255 255 / .8) inset;
  --golge-2: 0 24px 64px rgb(3 15 30 / .16), 0 2px 8px rgb(3 15 30 / .08);

  
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;
  --kap: 1200px;
  --kap-dar: 760px;

  
  --fs-xs: 12px;   
  --fs-sm: 14px;   
  --fs-md: 16px;   
  --fs-lg: 18px;
  --fs-xl: clamp(20px, 2.2vw, 24px);      
  --fs-2xl: clamp(28px, 3.6vw, 40px);     
  --fs-3xl: clamp(28px, 3.6vw, 40px);
  --fs-hero: clamp(34px, 5.2vw, 56px);    
  --fs-sayi: clamp(34px, 4.4vw, 44px);    
  --fs-fiyat-detay: clamp(30px, 3.4vw, 36px);

  
  --fv-display: "SOFT" 0, "WONK" 0, "opsz" 40;
  --ag-display: 500;

  
  --sure: 320ms;
  --sure-uzun: 760ms;
  --egri: cubic-bezier(0.16, 1, 0.3, 1);
}