/* =============================================================
   STR Enerji — Tasarım Değişkenleri
   ============================================================= */

:root {
  /* --- Marka --- */
  --brand:            #1B5E3B;
  --brand-dark:       #12452B;
  --brand-darker:     #0C2E1D;
  --brand-light:      #2E7D52;
  --brand-tint:       #EEF4F0;
  --brand-tint-2:     #DDE9E2;

  /* --- Vurgu (yalnızca rozet / indirim) --- */
  --accent:           #A8741A;
  --accent-tint:      #FBF4E6;

  /* --- Nötrler --- */
  --ink:              #1A1A18;
  --ink-2:            #3D3D39;
  --ink-3:            #6B6B64;
  --ink-4:            #94948C;
  --line:             #E3E3DE;
  --line-strong:      #CFCFC8;
  --surface:          #FFFFFF;
  --surface-2:        #F8F8F5;
  --surface-3:        #F1F1EC;

  /* --- Durum --- */
  --success:          #1E7A47;
  --success-tint:     #E9F4ED;
  --danger:           #A8302A;
  --danger-tint:      #FBEDEC;
  --info:             #1F5C86;
  --info-tint:        #EAF2F8;
  --warning:          #8A6410;
  --warning-tint:     #FBF3E3;
  --whatsapp:         #1FA855;

  /* --- Tipografi --- */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-48: 3rem;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  --lh-tight:  1.2;
  --lh-snug:   1.35;
  --lh-normal: 1.6;

  /* --- Boşluk --- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-7:  32px;
  --sp-8:  40px;
  --sp-9:  56px;
  --sp-10: 72px;
  --sp-11: 96px;

  /* --- Kenarlık --- */
  --radius:      3px;
  --radius-md:   4px;
  --radius-lg:   6px;
  --radius-pill: 999px;

  /* --- Gölge (yalnız katman gerektiren yerlerde) --- */
  --shadow-sm: 0 1px 2px rgba(20, 20, 18, 0.06);
  --shadow-md: 0 2px 8px rgba(20, 20, 18, 0.08);
  --shadow-lg: 0 8px 28px rgba(20, 20, 18, 0.12);

  /* --- Geçiş --- */
  --t-fast: 120ms ease;
  --t-base: 200ms ease;
  --t-slow: 320ms cubic-bezier(0.4, 0, 0.2, 1);

  /* --- Katman --- */
  --z-dropdown: 100;
  --z-header:   200;
  --z-drawer:   300;
  --z-overlay:  400;
  --z-modal:    500;
  --z-toast:    600;

  /* --- Ölçü --- */
  --container:        1300px;
  --container-narrow: 880px;
  --topbar-h:   36px;
  --headmain-h: 76px;
  --headnav-h:  46px;
}

@media (max-width: 1024px) {
  :root {
    --topbar-h:   0px;
    --headmain-h: 62px;
    --headnav-h:  0px;
  }
}