:root {
  /* ---- Marka temel renkleri (logodan örneklendi) ---- */
  --sbd-blue: #0398ce;        /* logo mavisi (SOSYAL / DÜNYASI) */
  --sbd-blue-dark: #027aa6;
  --sbd-blue-tint: #e5f4fa;
  --sbd-red: #db233c;         /* logo kırmızısı (BİLGİLER) */
  --sbd-red-dark: #b31c31;
  --sbd-red-tint: #fbe9ec;

  /* ---- Nötrler ---- */
  --sbd-ink: #141414;         /* widget başlık siyahı */
  --sbd-charcoal: #2a2b2f;    /* üst menü / header koyusu */
  --sbd-gray-700: #4a4c52;
  --sbd-gray-500: #7d8087;
  --sbd-gray-300: #d6d8dc;
  --sbd-gray-100: #f2f3f5;
  --sbd-paper: #fdfdfd;       /* sayfa zemini */
  --sbd-white: #ffffff;

  /* ---- Vurgu / durum ---- */
  --sbd-coral: #f5776e;       /* kategori şeridi (EVRAK ÇANTASI) */
  --sbd-badge-red: #f64e4e;   /* tarih rozeti / "yeni" vurgusu */
  --sbd-link: #1e73be;        /* metin içi bağlantı mavisi */
  --sbd-success: #2e9e5b;
  --sbd-warning: #e8a13c;

  /* ---- Semantik takma adlar ---- */
  --text-body: var(--sbd-ink);
  --text-muted: var(--sbd-gray-500);
  --text-inverse: var(--sbd-white);
  --text-link: var(--sbd-link);
  --surface-page: var(--sbd-paper);
  --surface-card: var(--sbd-white);
  --surface-header: var(--sbd-charcoal);
  --surface-widget-head: var(--sbd-ink);
  --accent-primary: var(--sbd-blue);
  --accent-secondary: var(--sbd-red);
  --accent-ribbon: var(--sbd-coral);
  --border-default: var(--sbd-gray-300);
}