/* =====================================================================
   Rigore — token katmanı (rigore.css)
   YENİDEN KURULMUŞ SÜRÜM · Kasım 2026
   Özgün Rigore_Design_System.zip içindeki handoff/rigore.css değil.
   Token adları ve değerler, özgün paketle üretilmiş çalışmalardan
   (C1 LinkedIn PDF'i, Etkin Enerji Yönetimi sunumu) derlendi.
   "DOĞRULANACAK" yazan satırların değeri özgün paketle karşılaştırılmalı.
   Yazı tipleri için önce rigore-fonts.css'i bağlayın.
   ===================================================================== */
:root {
  /* ---- Zemin ---- */
  --surface-canvas: #0E1521;            /* koyu taban; aurora yüklenmezse zemin */
  --surface-aurora-top-left: #141B25;    /* ölçüm (referans #161A22) */
  --surface-aurora-top-mid: #212529;     /* ölçüm, zeytin parlama */
  --surface-aurora-mid: #1D242A;         /* ölçüm (referans #1F242A) */
  --surface-aurora-right: #15263C;       /* ölçüm (referans #1B293E) */

  /* ---- Metin ---- */
  --text-primary: #FDFDFF;
  --text-secondary: #C0D1F6;             /* periwinkle — ikincil metin ve renkli vurgu */
  --text-muted: rgba(253, 253, 255, 0.56);
  --text-on-light: #0E1521;              /* cam üst çubuk üzerindeki metin */

  /* ---- Mavi ölçeği ---- */
  --blue-400: #5A78CF;                   /* öne çıkan şekil çerçevesi (%35) */
  --blue-600: #2F52B4;                   /* marka mavisi, birincil buton, logo yazısı */
  --blue-700: #1F3E9A;                   /* seçim sütunu dolgusu (%16) */
  --blue-900: #183079;                   /* mürekkep mavisi — öne çıkan şekil dolgusu */
  --ink: var(--blue-900);
  --periwinkle: var(--text-secondary);

  /* ---- Beyazın opaklık basamakları (gri ton yok) ---- */
  --fill-card: rgba(253, 253, 255, 0.04);
  --border-hairline: rgba(253, 253, 255, 0.08);
  --line-row: rgba(253, 253, 255, 0.14);
  --line-strong: rgba(253, 253, 255, 0.24);
  --line-dot: rgba(253, 253, 255, 0.40);

  /* ---- Durum ---- */
  --warning-500: #E8C873;                /* DOĞRULANACAK — sarımsı uyarı tonu */
  --warning-text: #F1DA9C;               /* DOĞRULANACAK */

  /* ---- Yazı tipleri ---- */
  --font-display: 'Outfit', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-sans: 'Outfit', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* ---- Tip ölçeği ---- */
  --text-display-2: 68px;                /* hero beyaz satır, 500 */
  --text-display-3: 48px;                /* hero periwinkle satır, 400 */
  --text-title: 28px;                    /* sayfa başlığı, 500 */
  --text-title-3: 22px;                  /* kart başlığı, 500 */
  --text-lede: 18px;                     /* DOĞRULANACAK */
  --text-body: 16px;
  --text-body-sm: 14px;                  /* DOĞRULANACAK */
  --text-label: 13px;                    /* etiket, 600 */

  --leading-display: 1.05;               /* DOĞRULANACAK */
  --leading-tight: 1.15;                 /* DOĞRULANACAK */
  --leading-body: 1.5;                   /* DOĞRULANACAK */

  --tracking-display: -0.02em;
  --tracking-title: -0.02em;
  --tracking-body: 0;
  --tracking-label: 0.01em;              /* DOĞRULANACAK */

  --type-title: var(--weight-medium) var(--text-title)/var(--leading-tight) var(--font-display);
  --type-body: var(--weight-regular) var(--text-body)/var(--leading-body) var(--font-sans);
  --type-label: var(--weight-semibold) var(--text-label)/1.2 var(--font-sans);
  --type-lede: var(--weight-regular) var(--text-lede)/var(--leading-body) var(--font-sans);

  /* ---- Boşluk ölçeği — DOĞRULANACAK (adlar paketten, pikseller 4'lük varsayım) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;

  /* ---- Köşe ---- */
  --radius-sm: 6px;                      /* küçük etiket kutusu */
  --radius-box: 10px;                    /* iç kutu, şerit, basamak */
  --radius-card: 20px;                   /* kart, büyük panel */
  --radius-pill: 999px;                  /* rozet, buton, üst çubuk */

  /* ---- Gölge: kullanılmaz ---- */
  --shadow-none: none;

  /* ---- Doku ---- */
  --grain-url: url("assets/grain.png");
  --grain-size: 180px;
  --grain-opacity: 0.05;
}

html, body {
  background: var(--surface-canvas);
  color: var(--text-primary);
  font: var(--type-body);
  letter-spacing: var(--tracking-body);
  -webkit-font-smoothing: antialiased;
}