/* =========================================================================
   enginerji · design tokens · Petrol & Krem
   Bu dosya tek doğruluk kaynağıdır. Hiçbir bileşende ham hex kullanılmaz.
   Kontrast oranları kâğıt zemine (#FBF7EF) karşı hesaplanmıştır.
   ========================================================================= */

:root {
  /* ---- RAMPS (ham renkler — doğrudan kullanmayın, semantiği kullanın) ---- */
  --primary-50: #EFF8F8;    /* 1.01:1 */
  --primary-100: #DBF0F0;    /* 1.11:1 */
  --primary-200: #B9E5E4;    /* 1.28:1 */
  --primary-300: #8CD5D3;    /* 1.56:1 */
  --primary-400: #3FA9A5;    /* 2.65:1 */
  --primary-500: #17908C;    /* 3.64:1 */
  --primary-600: #12807C;    /* 4.46:1 */
  --primary-700: #0E6E6B;    /* 5.68:1 */
  --primary-800: #0A5B58;    /* 7.42:1 */
  --primary-900: #073B39;    /* 11.6:1 */

  --energy-50: #FDF8EE;    /* 1.01:1 */
  --energy-100: #FBEFD6;    /* 1.07:1 */
  --energy-200: #FADA9E;    /* 1.26:1 */
  --energy-300: #F6C05B;    /* 1.56:1 */
  --energy-400: #F2A413;    /* 1.95:1 */
  --energy-500: #C1810B;    /* 3.06:1 */
  --energy-600: #A26C09;    /* 4.19:1 */
  --energy-700: #7E5407;    /* 6.22:1 */
  --energy-800: #5C3D05;    /* 9.25:1 */
  --energy-900: #3F2A03;    /* 12.73:1 */

  --money-50: #EEF9F3;    /* 1.01:1 */
  --money-100: #DAF1E5;    /* 1.11:1 */
  --money-200: #B6E4CC;    /* 1.31:1 */
  --money-300: #7FCFA9;    /* 1.72:1 */
  --money-400: #2FA76D;    /* 2.86:1 */
  --money-500: #118A50;    /* 4.12:1 */
  --money-600: #0C7A44;    /* 5.06:1 */
  --money-700: #0A6E3A;    /* 5.95:1 */
  --money-800: #08592F;    /* 7.92:1 */
  --money-900: #063D20;    /* 11.59:1 */

  --danger-50: #FCF1EF;    /* 1.04:1 */
  --danger-100: #F8DED9;    /* 1.2:1 */
  --danger-200: #F0B2A8;    /* 1.69:1 */
  --danger-300: #E57C6C;    /* 2.64:1 */
  --danger-400: #D0442C;    /* 4.32:1 */
  --danger-500: #B0331F;    /* 5.89:1 */
  --danger-600: #912A1A;    /* 7.71:1 */
  --danger-700: #712114;    /* 10.18:1 */
  --danger-800: #52180F;    /* 13.13:1 */
  --danger-900: #38100A;    /* 15.76:1 */

  /* ---- NEUTRALS ---- */
  --paper:        #FBF7EF;   /* sayfa zemini */
  --paper-sunken: #F1EADC;   /* içe gömülü bölüm */
  --surface:      #FFFDF9;   /* kart */
  --border:       #E7DFCE;
  --border-strong:#D5CAB4;
  --ink:          #12212B;   /* 15.38:1 */
  --ink-2:        #4C5A62;   /* 6.67:1 */
  --ink-3:        #7E8A90;   /* 3.32:1 — yalnızca ≥12px, ikincil */

  /* ---- SEMANTIC: ACTION (yalnızca tıklanabilir şeyler) ---- */
  --action:        var(--primary-700);
  --action-hover:  var(--primary-800);
  --action-tint:   #E2EFEE;
  --action-border: var(--primary-300);
  --on-action:     #FFFFFF;   /* 6.07:1 */
  --focus-ring:    var(--primary-500);

  /* ---- SEMANTIC: ENERGY (yalnızca güneş/kWh/ışınım) ---- */
  --energy:        var(--energy-400);  /* marka sarısı — DOLGU, asla yazı */
  --energy-data:   var(--energy-500);  /* grafik çubuğu/çizgisi — açık zeminde tek yasal adım */
  --energy-tint:   var(--energy-100);
  --on-energy:     var(--ink);         /* 7.9:1 */

  /* ---- SEMANTIC: MONEY (yalnızca ₺ rakamının yanında) ---- */
  --money:         var(--money-700);
  --money-tint:    #E3F0E8;
  --on-money:      #FFFFFF;   /* 6.36:1 */

  /* ---- SEMANTIC: DANGER (her zaman ikon + metinle) ---- */
  --danger:        var(--danger-500);
  --danger-tint:   #FAE7E3;
  --on-danger:     #FFFFFF;

  /* ---- BADGE TIERS (kasıtlı olarak anlamsız metaller) ---- */
  --tier-gold:   #8A6D2F;
  --tier-silver: #6B7280;
  --tier-bronze: #8A5A3B;

  /* ---- ELEVATION / SHAPE ---- */
  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(18,33,43,.05);
  --shadow-2: 0 1px 2px rgba(18,33,43,.05), 0 12px 32px -12px rgba(18,33,43,.20);
  --shadow-3: 0 24px 60px -24px rgba(18,33,43,.32);

  /* ---- TYPE ---- */
  --font-ui:   "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-read: "Source Serif 4", Georgia, serif;   /* yalnızca Akademi/blog gövde */
  --step--1: 13px;  --step-0: 15px;  --step-1: 17px;  --step-2: 20px;
  --step-3:  24px;  --step-4: 30px;  --step-5: 38px;  --step-6: 49px;
  --lh-tight: 1.08;  --lh-snug: 1.3;  --lh-body: 1.55;
  --track-display: -.033em;  --track-caps: .09em;

  /* ---- SPACING (4px grid) ---- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;

  /* 3B önizleme sahnesi. Işıkları yanan bir ev gece görünür; bu yüzden sahne
     her iki temada da koyudur ve kendi zeminini taşır. */
  --scene-sky-near: #1D2530;
  --scene-sky-far:  #0D1116;
  --scene-caption:  rgba(233,238,244,.62);

  --header-bg: rgba(251,247,239,.88);
  --tip-bg: var(--ink);
  --tip-fg: var(--paper);
}

/* =========================================================================
   KOYU TEMA — yalnızca yüklenici paneli ve admin.
   Müşteriye bakan hiçbir sayfa koyu değildir.
   Bu değerler açık temanın ters çevrilmişi DEĞİL; koyu zemine göre yeniden seçildi.
   ========================================================================= */
[data-theme="dark"] {
  --paper:        #0C1420;
  --paper-sunken: #0A111C;
  --surface:      #16202F;
  --border:       #26334A;
  --border-strong:#38475F;
  --ink:          #E8ECF2;   /* 15.58:1 */
  --ink-2:        #93A1B5;   /* 7.04:1 */
  --ink-3:        #6F7D91;   /* 4.42:1 */

  --action:        #2AA9A2;  /* 6.42:1 */
  --action-hover:  #3FBDB6;
  --action-tint:   #10322F;
  --action-border: #2F6B67;
  --on-action:     #06201F;  /* 5.91:1 */
  --focus-ring:    #3FBDB6;

  --energy:        #FFC24D;  /* 11.5:1 */
  --energy-data:   #FFC24D;
  --energy-tint:   #33270D;
  --on-energy:     #1A1204;

  --money:         #35C77E;  /* 8.47:1 */
  --money-tint:    #102A1C;
  --on-money:      #052012;

  --danger:        #FF7A66;  /* 7.24:1 */
  --danger-tint:   #331612;

  --tier-gold:   #C9A227;
  --tier-silver: #9AA5B1;
  --tier-bronze: #C08457;

  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px -12px rgba(0,0,0,.7);
  --shadow-3: 0 24px 60px -24px rgba(0,0,0,.8);
  --header-bg: rgba(12,20,32,.88);
  --tip-bg: #E8ECF2;
  --tip-fg: #0C1420;
}

/* =========================================================================
   ZORUNLU TABANLAR
   ========================================================================= */
html { -webkit-text-size-adjust: 100%; }
body {
  background: var(--paper); color: var(--ink);
  font-family: var(--font-ui); font-size: var(--step-0); line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
}
/* Para ve enerji rakamları HER ZAMAN tabular */
.num, td.num, .price, .kwh, [data-num] { font-variant-numeric: tabular-nums; }
/* Görünür odak — klavye erişilebilirliği pazarlık konusu değil */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: var(--radius-sm);
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}