/* ═══════════════════════════════════════
   Arena360 — Design Tokens
   Tüm sayfalar bu dosyadan beslenir.
   Değişiklik SADECE burada yapılır.
   ═══════════════════════════════════════ */

/* ── Font ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Font */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Font sizes */
  --fs-page-title: 20px;
  --fs-section-title: 15px;
  --fs-body: 13px;
  --fs-button: 12px;
  --fs-label: 12px;
  --fs-badge: 11px;
  --fs-micro: 10px;

  /* Font weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* Ana renkler */
  --primary: #3572A5;
  --primary-dark: #1E293B;
  --danger: #EF4444;
  --success: #10B981;
  --warning: #F59E0B;

  /* Nötr tonlar */
  --text-primary: #1E293B;
  --text-secondary: #64748B;
  --border-color: #E2E8F0;
  --bg-page: #F8FAFC;
  --bg-card: #FFFFFF;

  /* Border radius */
  --radius-card: 10px;
  --radius-btn: 6px;
  --radius-input: 6px;
  --radius-badge: 20px;

  /* Shadows */
  --shadow-card: 0 1px 6px rgba(0,0,0,0.05);
  --shadow-modal: 0 8px 32px rgba(0,0,0,0.12);

  /* Spacing (4px grid) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;

  /* Button colors */
  --btn-primary-bg: var(--primary);
  --btn-primary-text: #FFFFFF;
  --btn-secondary-bg: transparent;
  --btn-secondary-border: #CBD5E1;
  --btn-secondary-text: var(--text-primary);
  --btn-danger-bg: var(--danger);
  --btn-danger-text: #FFFFFF;
  --btn-success-bg: var(--success);
  --btn-success-text: #FFFFFF;
}