/* ============================================================
   SOLAR CLIENT — TASARIM TOKENLARI
   build/gen_palette.py ile uretildi. Elle duzenleme.
   Tum renk ciftleri WCAG 2.1 AA kontrastindan gecti.
   ============================================================ */

:root {
  /* ink */
  --sc-ink-950: #04100A;
  --sc-ink-900: #0A1C12;
  --sc-ink-800: #13291C;
  --sc-ink-700: #1E3A29;
  --sc-ink-600: #32523F;
  --sc-ink-500: #4A6B57;
  --sc-ink-400: #76917F;
  --sc-ink-300: #A6BCAD;
  --sc-ink-200: #CCDCD1;
  --sc-ink-100: #E6EFE9;
  --sc-ink-50: #F3F8F4;
  /* brand */
  --sc-brand-900: #0C2410;
  --sc-brand-800: #123216;
  --sc-brand-700: #18441C;
  --sc-brand-600: #1F5724;
  --sc-brand-500: #2A7130;
  --sc-brand-400: #3D9945;
  --sc-brand-300: #74C27B;
  --sc-brand-200: #AEDCB3;
  --sc-brand-100: #D8EFDA;
  --sc-brand-50: #EFF8F0;
  /* solar */
  --sc-solar-900: #2C4B05;
  --sc-solar-800: #3B6507;
  --sc-solar-700: #4E840A;
  --sc-solar-600: #63A50D;
  --sc-solar-500: #7ED321;
  --sc-solar-400: #96DF4E;
  --sc-solar-300: #B3E983;
  --sc-solar-200: #D1F2B5;
  --sc-solar-100: #E9F9DA;
  --sc-solar-50: #F6FDEF;
  /* success */
  --sc-success-700: #046C4E;
  --sc-success-600: #057A55;
  --sc-success-500: #0E9F6E;
  --sc-success-100: #DEF7EC;
  --sc-success-50: #F3FAF7;
  /* warning */
  --sc-warning-700: #8E4B10;
  --sc-warning-600: #B45309;
  --sc-warning-500: #D97706;
  --sc-warning-100: #FDF6B2;
  --sc-warning-50: #FEFCE8;
  /* danger */
  --sc-danger-700: #9B1C1C;
  --sc-danger-600: #C81E1E;
  --sc-danger-500: #E02424;
  --sc-danger-100: #FDE8E8;
  --sc-danger-50: #FEF2F2;
  /* info */
  --sc-info-700: #0B6A9E;
  --sc-info-600: #0E7FBB;
  --sc-info-500: #1198D8;
  --sc-info-100: #E0F2FE;
  --sc-info-50: #F0F9FF;
  /* neutral */
  --sc-neutral-white: #FFFFFF;
  --sc-neutral-black: #000000;

  /* --- anlamsal takma adlar: bilesenler BUNLARI kullanir --- */
  --sc-bg:              var(--sc-ink-50);
  --sc-surface:         var(--sc-neutral-white);
  --sc-surface-sunken:  var(--sc-ink-100);
  --sc-border:          var(--sc-ink-200);
  --sc-border-strong:   var(--sc-ink-300);
  --sc-text:            var(--sc-ink-900);
  --sc-text-muted:      var(--sc-ink-600);
  --sc-text-subtle:     var(--sc-ink-500);
  --sc-text-inverse:    var(--sc-ink-100);
  --sc-link:            var(--sc-brand-700);
  --sc-action:          var(--sc-brand-600);
  --sc-action-hover:    var(--sc-brand-700);
  --sc-action-text:     var(--sc-neutral-white);
  --sc-accent:          var(--sc-solar-500);
  --sc-accent-text:     var(--sc-ink-900);
  --sc-focus-ring:      var(--sc-brand-600);

  /* --- tipografi --- */
  --sc-font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --sc-font-display: 'Sora', 'Inter', system-ui, sans-serif;
  --sc-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* 1.250 (major third) olcegi — 16px taban */
  --sc-text-xs:   0.80rem;
  --sc-text-sm:   0.889rem;
  --sc-text-base: 1rem;
  --sc-text-lg:   1.125rem;
  --sc-text-xl:   1.25rem;
  --sc-text-2xl:  1.563rem;
  --sc-text-3xl:  1.953rem;
  --sc-text-4xl:  2.441rem;
  --sc-text-5xl:  3.052rem;

  /* --- bosluk: 4px tabanli --- */
  --sc-space-1: 0.25rem;  --sc-space-2: 0.5rem;   --sc-space-3: 0.75rem;
  --sc-space-4: 1rem;     --sc-space-5: 1.25rem;  --sc-space-6: 1.5rem;
  --sc-space-8: 2rem;     --sc-space-10: 2.5rem;  --sc-space-12: 3rem;
  --sc-space-16: 4rem;    --sc-space-20: 5rem;    --sc-space-24: 6rem;

  /* --- yuvarlatma ve golge --- */
  --sc-radius-sm: 0.25rem;  --sc-radius: 0.5rem;
  --sc-radius-lg: 0.75rem;  --sc-radius-xl: 1rem;  --sc-radius-full: 9999px;
  --sc-shadow-sm: 0 1px 2px rgba(11, 23, 41, .06);
  --sc-shadow:    0 2px 8px rgba(11, 23, 41, .08);
  --sc-shadow-lg: 0 8px 24px rgba(11, 23, 41, .12);
}

/* KOYU TEMA SISTEM TERCIHINE UYMAZ — BILEREK.
   Onceden burada @media (prefers-color-scheme: dark) vardi ve
   isletim sistemi koyu temada olan her ziyaretci siteyi simsiyah
   goruyordu. Marka beyaz zeminli/yesil bantli; koyu varyant o
   kimligi degistiriyor ve sayfanin gorunumunu ziyaretcinin OS
   ayarina birakiyordu. Tanim asagida duruyor ama yalnizca kok
   ogede data-theme="dark" varsa devreye girer. */

[data-theme='dark'] {
  --sc-bg:             var(--sc-ink-950);
  --sc-surface:        var(--sc-ink-900);
  --sc-surface-sunken: var(--sc-ink-800);
  --sc-border:         var(--sc-ink-700);
  --sc-text:           var(--sc-ink-100);
  --sc-text-muted:     var(--sc-ink-300);
  --sc-link:           var(--sc-brand-300);
  --sc-action:         var(--sc-brand-500);
  --sc-accent:         var(--sc-solar-400);
}

/* Klavye odagi HER ZAMAN gorunur olmali (WCAG 2.4.7). */
*:focus-visible {
  outline: 2px solid var(--sc-focus-ring);
  outline-offset: 2px;
  border-radius: var(--sc-radius-sm);
}