/* Sagroth2 V11 — yalnızca ana sayfa ve kayıt için renk sistemi.
   Palet: gümüş, soğuk gri, grafit, siyah ve logo bordosu. */

body[data-active-view="home"] .topbar,
body[data-active-view="register"] .topbar {
  background: linear-gradient(180deg, rgba(24, 25, 27, .98), rgba(16, 18, 20, .98));
  border-bottom-color: rgba(147, 35, 44, .42);
}

body[data-active-view="home"] .s2-crest,
body[data-active-view="register"] .s2-crest {
  filter: grayscale(1) brightness(1.62) contrast(.86);
}

body[data-active-view="home"] .brand-copy strong,
body[data-active-view="register"] .brand-copy strong {
  color: #e1e3e1;
}

body[data-active-view="home"] .main-nav :is(a, button),
body[data-active-view="register"] .main-nav :is(a, button) {
  color: #b8bcba;
}

body[data-active-view="home"] .main-nav :is(a, button):hover,
body[data-active-view="home"] .main-nav .active,
body[data-active-view="register"] .main-nav :is(a, button):hover,
body[data-active-view="register"] .main-nav .active {
  color: #f0efeb;
}

body[data-active-view="home"] .main-nav .active::after,
body[data-active-view="register"] .main-nav .active::after {
  background: #9f2831;
  box-shadow: 0 -4px 12px rgba(159, 40, 49, .34);
}

body[data-active-view="home"] .compact-button,
body[data-active-view="register"] .compact-button {
  background: rgba(31, 34, 37, .92);
  border-color: #484d50;
  color: #d9dcda;
}

body[data-active-view="home"] .compact-button:hover,
body[data-active-view="register"] .compact-button:hover {
  background: #292d30;
  border-color: #8e343c;
}

body[data-active-view="home"] .user-icon::before,
body[data-active-view="home"] .user-icon::after,
body[data-active-view="register"] .user-icon::before,
body[data-active-view="register"] .user-icon::after {
  background: #d5d8d6;
}

body[data-active-view="home"] :is(.server-icon, .compact-button i),
body[data-active-view="register"] :is(.server-icon, .compact-button i) {
  color: #c4c8c6;
}

body[data-active-view="home"] .dropdown,
body[data-active-view="register"] .dropdown {
  background: #171a1c;
  border-color: #454a4d;
}

body[data-active-view="home"] .hero {
  border-bottom-color: rgba(143, 32, 42, .55);
}

.journey-home .hero-content :is(h1, h1 em) {
  color: #f0efeb;
}

.journey-home .hero-content .hero-lead {
  color: #d5d8d6;
}

.journey-home .hero-date strong {
  color: #efeee9;
}

.journey-home .hero-date span,
.journey-home .hero-content .eyebrow {
  color: #c2c6c4;
}

.journey-home .hero-content .action-primary {
  background: linear-gradient(180deg, #a62a34, #741820);
  border-color: #bc4650;
}

.journey-home .hero-content .action-secondary {
  background: linear-gradient(rgba(39, 43, 46, .88), rgba(23, 26, 29, .94));
  border-color: rgba(188, 194, 192, .56);
  color: #eeefec;
}

.journey-home .hero-status {
  background: linear-gradient(145deg, rgba(29, 33, 36, .82), rgba(15, 18, 20, .76));
  border-color: rgba(190, 195, 193, .3);
}

.journey-home :is(.status-heading, .status-metrics article + article, .status-countdown, .status-community, .status-support) {
  border-color: rgba(190, 195, 193, .2) !important;
}

.journey-home .status-countdown {
  background: linear-gradient(110deg, rgba(91, 22, 29, .38), rgba(27, 25, 28, .36));
}

.journey-home :is(.status-heading > span, .status-community > div > span, .countdown-title span, .status-clock small) {
  color: #afb4b2;
}

.journey-home :is(.status-heading > b, .status-metrics small, .status-metrics strong, .countdown-title b, .status-clock strong, .status-community > div > b) {
  color: #e7e8e4;
}

.journey-home .status-community nav a {
  border-color: rgba(190, 195, 193, .2);
}

.journey-home .status-community nav a:hover {
  border-color: #a43a43;
  background: rgba(143, 32, 42, .14);
}

.journey-home .status-support {
  background: linear-gradient(105deg, #761923, #3d1015);
  color: #e8e9e6;
}

.journey-home .status-support span {
  color: #c2c5c3;
}

html[data-active-view="register"],
html[data-active-view="register"] body {
  background: #16191b !important;
}

html[data-active-view="register"] #inner-page-shell {
  background: radial-gradient(ellipse at 28% 0%, #2a3033 0%, #1c2023 42%, #151719 100%) !important;
}

/* Bu bölüm yalnız Register/Embed.php içinde yüklenir. */
.s2-register-document {
  --journey-surface: #262a2d;
  --journey-deep: #181b1d;
  --journey-cream: #eceeeb;
  --journey-muted: #adb2b0;
  --journey-gold: #c5c9c7;
  --journey-line: #41474b;
  --journey-red: #92232d;
  color: #eceeeb;
}

.s2-register-document .s2-register-title h1 {
  color: #eceeeb !important;
}

.s2-register-document .s2-register-title :is(span, p) {
  color: #b8bdba;
}

.s2-register-document .register-card {
  background: linear-gradient(145deg, #262a2d, #1e2224) !important;
  border-color: #41474b !important;
  border-top-color: #6a7275 !important;
}

.s2-register-document :is(.field input, .reference-trigger) {
  background: #181b1d !important;
  border-color: #444b4f !important;
  color: #eceeeb !important;
}

.s2-register-document .field input::placeholder {
  color: #aeb3b1 !important;
}

.s2-register-document :is(.field input, .reference-trigger):focus {
  background: #1e2225 !important;
  border-color: #a73741 !important;
  box-shadow: 0 0 0 2px rgba(159, 40, 49, .16) !important;
}

.s2-register-document :is(.field-symbol, .secret-action) {
  color: #c5c9c7 !important;
}

.s2-register-document :is(.agreement, .delete-code-caption) {
  color: #aeb3b1 !important;
}

.s2-register-document :is(.agreement-link, a) {
  color: #d7dad8 !important;
}

.s2-register-document .reference-menu,
.s2-register-document .membership-dialog {
  background: #23272a !important;
  border-color: #4a5155 !important;
}

.s2-register-document .reference-option:is(:hover, :focus-visible, .is-active, [aria-selected="true"]) {
  background: #34393d !important;
  color: #fff !important;
}

.s2-register-document .submit-button {
  background: linear-gradient(#9d2933, #711820) !important;
  border-color: #b3454e !important;
  color: #fff !important;
}

.s2-register-document .submit-button:hover {
  background: #a8323c !important;
  border-color: #c65a63 !important;
}

@media (max-width: 900px) {
  .journey-home .hero-vignette {
    background:
      linear-gradient(90deg, rgba(10, 13, 16, .67), rgba(12, 15, 18, .25)),
      linear-gradient(180deg, rgba(8, 10, 12, .05), rgba(6, 8, 10, .38));
  }
}