/* NEXA Forge — Design Tokens (Apple tarzı yeniden tasarım) */
/* Varsayılan tema: AÇIK. Koyu tema [data-theme="dark"] ile. */

:root {
  /* ---- AÇIK TEMA (varsayılan) ---- */
  --bg-primary:   #f5f5f7;
  --bg-secondary: #ffffff;
  --bg-tertiary:  #f2f2f4;
  --surface-alt:  #fbfbfd;

  /* Vurgu: Apple mavisi + durum renkleri */
  --accent-primary:   #0071e3;
  --accent-soft:      rgba(0,113,227,0.09);
  --accent-secondary: #34c759;
  --accent-danger:    #d70015;
  --accent-warning:   #c17800;

  /* Renkli ikon paleti (her iki temada aynı) */
  --c-blue:   #0071e3;
  --c-red:    #ff375f;
  --c-orange: #ff9500;
  --c-yellow: #ffcc00;
  --c-green:  #34c759;
  --c-teal:   #00b8a9;
  --c-purple: #af52de;

  --text-primary:   #1d1d1f;
  --text-secondary: #6e6e73;
  --text-muted:     #86868b;

  --border-subtle:  rgba(0,0,0,0.06);
  --border-default: rgba(0,0,0,0.07);
  --border-strong:  rgba(0,0,0,0.13);

  /* Yumuşak gölgeler — glow yok */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:   0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg:   0 12px 40px rgba(0,0,0,0.10);
  --glow-accent: 0 1px 3px rgba(0,0,0,0.06);
  --card-glow:   0 1px 2px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.07);

  /* Tipografi */
  --font-display: 'Clash Display', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', 'JetBrains Mono', monospace;

  /* Radius */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   22px;
  --radius-xl:   28px;
  --radius-full: 9999px;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;

  /* Layout */
  --sidebar-width:  252px;
  --sidebar-gutter: 16px;
  --header-height:  64px;

  /* Transitions */
  --t-fast: 100ms ease-out;
  --t-base: 200ms ease-out;
  --t-page: 150ms ease-out;
}

[data-theme="dark"] {
  /* ---- KOYU TEMA ---- */
  --bg-primary:   #000000;
  --bg-secondary: #1c1c1e;
  --bg-tertiary:  #2c2c2e;
  --surface-alt:  #232325;

  --accent-primary:   #0a84ff;
  --accent-soft:      rgba(10,132,255,0.18);
  --accent-secondary: #30d158;
  --accent-danger:    #ff453a;
  --accent-warning:   #ff9f0a;

  --c-red: #ff453a;

  --text-primary:   #f5f5f7;
  --text-secondary: #98989d;
  --text-muted:     #6e6e73;

  --border-subtle:  rgba(255,255,255,0.07);
  --border-default: rgba(255,255,255,0.09);
  --border-strong:  rgba(255,255,255,0.16);

  --shadow-sm:   0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:   0 4px 20px rgba(0,0,0,0.45);
  --shadow-lg:   0 12px 40px rgba(0,0,0,0.55);
  --glow-accent: 0 1px 3px rgba(0,0,0,0.4);
  --card-glow:   0 1px 2px rgba(0,0,0,0.3), 0 12px 32px rgba(0,0,0,0.45);
}