/* =====================================================================
   Rigore — bileşen katmanı (rigore-components.css)
   YENİDEN KURULMUŞ SÜRÜM · Kasım 2026 — özgün paket dosyası değil.
   Sınıf adları (rg-*) özgün paketle aynı; görünüm önceki çıktılardan
   yeniden kuruldu. rigore.css'ten sonra bağlayın.
   ===================================================================== */

/* ---- Aurora zemin + film greni ---- */
.rg-aurora {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse 55% 30% at 46% -4%, rgba(132, 124, 84, 0.30), rgba(132, 124, 84, 0) 72%),
    radial-gradient(ellipse 70% 55% at 112% 42%, rgba(38, 82, 150, 0.55), rgba(38, 82, 150, 0) 70%),
    radial-gradient(ellipse 75% 40% at 25% 108%, rgba(28, 58, 118, 0.45), rgba(28, 58, 118, 0) 70%),
    radial-gradient(ellipse 50% 40% at -10% 0%, rgba(18, 24, 34, 0.9), rgba(18, 24, 34, 0) 70%),
    linear-gradient(180deg, #191E25 0%, #1C2229 38%, #16202B 70%, #111A26 100%),
    var(--surface-canvas);
  color: var(--text-primary);
}
.rg-aurora::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--grain-url) 0 0 / var(--grain-size) var(--grain-size);
  opacity: var(--grain-opacity);
  mix-blend-mode: screen;
  pointer-events: none;
}

/* ---- Cam üst çubuk ---- */
.rg-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  height: 52px;
  padding: 0 var(--space-6);
  border-radius: var(--radius-pill);
  background: rgba(244, 246, 252, 0.90);
  border: 1px solid rgba(253, 253, 255, 0.5);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--text-on-light);
}
.rg-navbar__meta {
  font: var(--weight-medium) var(--text-body-sm)/1 var(--font-sans);
  color: var(--text-on-light);
  opacity: 0.72;
}
.rg-logo {
  display: inline-flex;
  align-items: center;
  font: var(--weight-semibold) var(--text-title-3)/1 var(--font-display);
  letter-spacing: var(--tracking-title);
  color: var(--blue-600);
}
.rg-logo img { height: 24px; width: auto; display: block; }

/* ---- Rozet ---- */
.rg-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  height: 30px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  background: rgba(192, 209, 246, 0.10);
  border: 1px solid rgba(192, 209, 246, 0.22);
  font: var(--weight-medium) var(--text-label)/1 var(--font-sans);
  letter-spacing: var(--tracking-label);
  color: var(--text-secondary);
  white-space: nowrap;
}
.rg-badge__dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.rg-badge--warning {
  background: rgba(232, 200, 115, 0.10);
  border-color: rgba(232, 200, 115, 0.30);
  color: var(--warning-text);
}

/* ---- Kart ---- */
.rg-card {
  background: var(--fill-card);
  border: 1px solid var(--border-hairline);
  border-radius: var(--radius-card);
  padding: var(--space-6);
  box-shadow: none;
}

/* ---- Buton ---- */
.rg-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  height: 44px;
  padding: 0 var(--space-6);
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  font: var(--weight-medium) var(--text-body)/1 var(--font-sans);
  text-decoration: none;
  cursor: pointer;
  background: none;
  color: var(--text-primary);
}
.rg-btn--primary { background: var(--blue-600); color: var(--text-primary); }
.rg-btn--primary:hover { background: #3A5FC4; }
.rg-btn--ghost { border-color: var(--line-strong); }   /* DOĞRULANACAK */
.rg-btn:focus-visible { outline: 2px solid var(--text-secondary); outline-offset: 2px; }

/* ---- Tipografi yardımcıları ---- */
.rg-title { margin: 0; font: var(--type-title); letter-spacing: var(--tracking-title); color: var(--text-primary); }
.rg-title-3 { margin: 0; font: var(--weight-medium) var(--text-title-3)/var(--leading-tight) var(--font-display); letter-spacing: var(--tracking-title); }
.rg-body { margin: 0; font: var(--type-body); color: var(--text-secondary); }
.rg-label { font: var(--type-label); letter-spacing: var(--tracking-label); color: var(--text-secondary); }
.rg-muted { color: var(--text-muted); }
.rg-pw { color: var(--text-secondary); }                 /* başlıktaki renkli vurgu parçası */
.rg-mono { font-family: var(--font-mono); }

/* ---- Hero kilidi: sol alt, 48 periwinkle + 68 beyaz ---- */
.rg-hero { display: flex; flex-direction: column; justify-content: flex-end; }
.rg-hero__eyebrow {
  margin: 0;
  font: var(--weight-regular) var(--text-display-3)/var(--leading-display) var(--font-display);
  letter-spacing: var(--tracking-display);
  color: var(--text-secondary);
}
.rg-hero__title {
  margin: 0;
  font: var(--weight-medium) var(--text-display-2)/var(--leading-display) var(--font-display);
  letter-spacing: var(--tracking-display);
  color: var(--text-primary);
}
.rg-hero__lede { margin: var(--space-8) 0 0; font: var(--type-lede); color: var(--text-secondary); max-width: 60ch; }

/* ---- İkon (Lucide, 24 ızgara, 2 px çizgi) ---- */
.rg-icon { width: 18px; height: 18px; flex: none; color: var(--text-secondary); stroke-width: 2; }