/*
 * Probot Studio — paylaşılan tasarım token'ları (Probot kimliği).
 * Tüm araçlar/siteler bunu içe aktarır → tek tip "stabil UI".
 * Kaynak: DESIGN.md. Renkler blocks temasından çıkarıldı (navy + gold).
 *
 * Kullanım:  @import '../../ui/tokens.css';  (veya kopyala)
 */
:root {
  /* Marka — lacivert (navy) skala */
  --probot-navy-900: #00204d; /* birincil / koyu zemin */
  --probot-navy-800: #12305f;
  --probot-navy-700: #234071;
  --probot-navy-600: #154c80;
  --probot-navy-500: #1f5f9e;
  --probot-navy-400: #2a71ba;
  --probot-navy-300: #3a82b8;

  /* Vurgu — altın (gold) */
  --probot-gold-600: #af7920; /* birincil vurgu */
  --probot-gold-500: #c38c32;
  --probot-gold-400: #d89f45;

  /* İkincil vurgu (yeşil — ör. Arduino/aksiyon) */
  --probot-green-600: #5c7a1a;

  /* Nötrler / yüzeyler */
  --surface:        #ffffff;
  --surface-muted:  #f7f7f5; /* açık zemin */
  --line:           #d4d2cf;
  --scrollbar:      #9aa7b8;

  /* Metin */
  --text-on-navy:   #e5e4e2; /* koyu zemin üstü */
  --text-on-light:  #00204d; /* açık zemin üstü */
  --text-muted:     #687a90;

  /* Anlamsal kısayollar */
  --color-bg:       var(--surface-muted);
  --color-surface:  var(--surface);
  --color-primary:  var(--probot-navy-900);
  --color-accent:   var(--probot-gold-600);
  --color-text:     var(--text-on-light);
  --color-border:   var(--line);

  /* Tipografi */
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Ölçek */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  /* Yükseklik / gölge */
  --shadow-1: 0 1px 2px rgba(0, 32, 77, 0.08);
  --shadow-2: 0 6px 20px rgba(0, 32, 77, 0.12);
}