/* =========================================
   Rhome World Theme
   Adds Rhome-specific flavor on top of
   the Lorewalker core theme
   Requires:
     - core-reset.css
     - layout-lorewalker.css
     - theme-lorewalker.css
   ========================================= */

/* =========================================
   World-scoped tokens
   ========================================= */

/* All Rhome-specific tokens and overrides live under:
   body.lw-site.world-rhome
*/
body.lw-site.world-rhome {
  /* ---- Rhome-native tokens ---- */
  --rhome-bg-deep: #070510;        /* cosmic void */
  --rhome-bg-alt: #0f0a1a;         /* secondary backdrop */
  --rhome-surface: #1a1326;        /* main cards/panels */
  --rhome-surface-soft: #221931;   /* softer blocks */
  --rhome-surface-contrast: #2a1f3c;

  --rhome-parchment: #d9cab3;      /* parchment / highlights */
  --rhome-ink: #3e3a45;            /* ink / outlines */

  --rhome-text-main: #f0e9ff;
  --rhome-text-muted: #b7adc9;
  --rhome-text-soft: #9b93b0;

  --rhome-primary: #a452ff;        /* Electric Amethyst */
  --rhome-primary-soft: #b38ddb;   /* Crystal Lavender */
  --rhome-primary-strong: #d580ff; /* Vivid Violet Flame */

  --rhome-secondary: #5fd5b2;
  --rhome-secondary-soft: #4cae93;

  --rhome-success: #7bdf9c;
  --rhome-warning: #ffb266;
  --rhome-danger:  #ff7e7e;

  --rhome-border-subtle: rgba(255, 255, 255, 0.06);
  --rhome-border-strong: rgba(255, 255, 255, 0.18);

  /* ---- Map Lorewalker tokens to Rhome variants ---- */
  --lw-bg-deep:      var(--rhome-bg-deep);
  --lw-bg-alt:       var(--rhome-bg-alt);
  --lw-surface:      var(--rhome-surface);
  --lw-surface-soft: var(--rhome-surface-soft);
  --lw-surface-contrast: var(--rhome-surface-contrast);

  --lw-parchment: var(--rhome-parchment);
  --lw-ink:       var(--rhome-ink);

  --lw-text-main:  var(--rhome-text-main);
  --lw-text-muted: var(--rhome-text-muted);
  --lw-text-soft:  var(--rhome-text-soft);

  --lw-primary:        var(--rhome-primary);
  --lw-primary-soft:   var(--rhome-primary-soft);
  --lw-primary-strong: var(--rhome-primary-strong);

  --lw-secondary:      var(--rhome-secondary);
  --lw-secondary-soft: var(--rhome-secondary-soft);

  --lw-success: var(--rhome-success);
  --lw-warning: var(--rhome-warning);
  --lw-danger:  var(--rhome-danger);

  --lw-border-subtle: var(--rhome-border-subtle);
  --lw-border-strong: var(--rhome-border-strong);
  --lw-radius-lg: 0.75rem;
  --lw-space-3: 0.75rem;
  --lw-space-4: 1rem;
  --lw-space-6: 1.5rem;

  /* Major Kingdom tokens */
  --aethor-accent:       #5de3ff;
  --aethor-accent-soft:  rgba(93, 227, 255, 0.22);
  --aethor-outline:      rgba(93, 227, 255, 0.75);

  --bromdar-accent:      #ffcd78;
  --bromdar-accent-soft: rgba(255, 205, 120, 0.22);
  --bromdar-outline:     rgba(255, 205, 120, 0.75);

  --elandor-accent:      #b8a0ff;
  --elandor-accent-soft: rgba(184, 160, 255, 0.22);
  --elandor-outline:     rgba(184, 160, 255, 0.75);

  --galithar-accent:      #86e28f;
  --galithar-accent-soft: rgba(134, 226, 143, 0.22);
  --galithar-outline:     rgba(134, 226, 143, 0.75);

  --thalrith-accent:      #78a0ff;
  --thalrith-accent-soft: rgba(120, 160, 255, 0.22);
  --thalrith-outline:     rgba(120, 160, 255, 0.75);

  --vesper-accent:        #ff7890;
  --vesper-accent-soft:   rgba(255, 120, 144, 0.22);
  --vesper-outline:       rgba(255, 120, 144, 0.75);

  --virelia-accent:        #a0ffd8;
  --virelia-accent-soft:   rgba(160, 255, 216, 0.22);
  --virelia-outline:       rgba(160, 255, 216, 0.75);

  /* Minor realm tokens */
  --greenfields-accent:       #ffd28c;
  --greenfields-accent-soft:  rgba(255, 210, 140, 0.22);
  --greenfields-outline:      rgba(255, 210, 140, 0.75);

  --havens-crest-accent:      #7fc7ff;
  --havens-crest-accent-soft: rgba(127, 199, 255, 0.22);
  --havens-crest-outline:     rgba(127, 199, 255, 0.75);

  /* Realm shell defaults */
  --shell-border: rgba(164, 82, 255, 0.4);
  --shell-glow: rgba(164, 82, 255, 0.25);
  --hero-accent: var(--shell-border);
  --nav-active-border: var(--shell-border);
  --nav-active-bg: rgba(42, 31, 60, 0.85);
  --nav-active-text: var(--rhome-parchment);
}

/* =========================================
   World-level background refinement
   ========================================= */

/* If you want Rhome to slightly tweak the core background,
   do it here. Right now we keep the same feel as Lorewalker
   but scoped to the Rhome world. */
body.lw-site.world-rhome {
  background-image:
    radial-gradient(circle at 0 0, rgba(213, 128, 255, 0.18), transparent 56%),
    radial-gradient(circle at 100% 100%, rgba(95, 213, 178, 0.14), transparent 56%),
    radial-gradient(circle at 100% 0, rgba(213, 128, 255, 0.10), transparent 60%),
    radial-gradient(circle at 0 100%, rgba(95, 213, 178, 0.10), transparent 60%),
    linear-gradient(to bottom, #05030a, #080412, #06030e);
  /* Gutterfen Marshes – local kingdom accent tokens */
  --kingdom-gutterfen-accent: #6E8A4B;        /* murky marsh green */
  --kingdom-gutterfen-accent-soft: #4B5F3A;   /* darker border/outline */
  --kingdom-gutterfen-glow: #8FE0C0;          /* fungal blue-green light */
  --kingdom-gutterfen-danger: #A94D3C;        /* rusty swamp-blood red */
}

/* =========================================
   Integration with home layout
   ========================================= */

/* When on a Rhome home-page (and NOT a kingdom page),
   define home-* tokens used by layout-lorewalker.css.
   This overrides the neutral default from theme-lorewalker.css
   specifically for world-rhome. */
body.lw-site.world-rhome.home-page:not(.kingdom-page) {
  --home-bg:     var(--rhome-bg-deep);
  --home-card:   var(--rhome-surface);
  --home-text:   var(--rhome-text-main);
  --home-muted:  var(--rhome-text-muted);
  --home-accent: var(--rhome-primary);
}

/* Realm-level helpers: Aethor, Greenfields, Haven's Crest */
.realm-aethor {
  --shell-border: var(--aethor-outline);
  --shell-glow: var(--aethor-accent-soft);
  --hero-accent: var(--aethor-outline);
  --nav-active-border: var(--aethor-outline);
}

.realm-greenfields {
  --shell-border: var(--greenfields-outline);
  --shell-glow: var(--greenfields-accent-soft);
  --hero-accent: var(--greenfields-outline);
  --nav-active-border: var(--greenfields-outline);
}

.realm-havens-crest {
  --shell-border: var(--havens-crest-outline);
  --shell-glow: var(--havens-crest-accent-soft);
  --hero-accent: var(--havens-crest-outline);
  --nav-active-border: var(--havens-crest-outline);
}

/* Major Kingdom card variants */
.card-aethor {
  --card-accent-bg:   var(--aethor-accent-soft);
  --card-accent-text: var(--rhome-parchment);
  --card-border:      var(--aethor-outline);
}

.card-bromdar {
  --card-accent-bg:   var(--bromdar-accent-soft);
  --card-accent-text: var(--rhome-parchment);
  --card-border:      var(--bromdar-outline);
}

.card-elandor {
  --card-accent-bg:   var(--elandor-accent-soft);
  --card-accent-text: var(--rhome-parchment);
  --card-border:      var(--elandor-outline);
}

.card-galithar {
  --card-accent-bg:   var(--galithar-accent-soft);
  --card-accent-text: var(--rhome-parchment);
  --card-border:      var(--galithar-outline);
}

.card-thalrith {
  --card-accent-bg:   var(--thalrith-accent-soft);
  --card-accent-text: var(--rhome-parchment);
  --card-border:      var(--thalrith-outline);
}

.card-vesper {
  --card-accent-bg:   var(--vesper-accent-soft);
  --card-accent-text: var(--rhome-parchment);
  --card-border:      var(--vesper-outline);
}

.card-virelia {
  --card-accent-bg:   var(--virelia-accent-soft);
  --card-accent-text: var(--rhome-parchment);
  --card-border:      var(--virelia-outline);
}

/* Minor realm card variants */
.card-greenfields {
  --card-accent-bg:   var(--greenfields-accent-soft);
  --card-accent-text: var(--rhome-parchment);
  --card-border:      var(--greenfields-outline);
}

.card-havens-crest {
  --card-accent-bg:   var(--havens-crest-accent-soft);
  --card-accent-text: var(--rhome-parchment);
  --card-border:      var(--havens-crest-outline);
}

/* =========================================
   Optional: Rhome-only flavor hooks
   ========================================= */

/* If you later want world-specific styling hooks that do not
   belong in the core Lorewalker theme, add them here, scoped
   to world-rhome. For now, this stays intentionally light. */

/* Example: a subtle Rhome sigil mark you can apply to headings */
body.lw-site.world-rhome .rhome-sigil {
  display: inline-block;
  font-family: "Cinzel", "Georgia", serif;
  font-size: 0.75rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--rhome-primary-soft);
  opacity: 0.85;
}

/* Rhome-specific flavor for content list bullets
   Overrides the Lorewalker default ◆ inside Rhome pages */
body.lw-site.world-rhome .lw-card ul li::before,
body.lw-site.world-rhome .home-card ul li::before,
body.lw-site.world-rhome .kingdom-overview ul li::before {
  content: "✶";                         /* Rhome’s star glyph */
  color: var(--rhome-primary-soft);     /* tie into Rhome palette */
  text-shadow: 0 0 6px rgba(164, 82, 255, 0.7);
}

/* =========================================
   Rhome Visual System Alignment
   Matches live pages to the Rhome demo
   ========================================= */

body.lw-site.world-rhome .home-shell {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

body.lw-site.world-rhome .home-layout {
  width: 100%;
}

/* Panel shell */
body.lw-site.world-rhome .home-content {
  position: relative;
  border-radius: 3px;
  padding: 1.75rem 2rem 2.4rem;
  box-shadow:
    0 0.9rem 2.4rem rgba(0, 0, 0, 0.95),
    0 0 0 1px rgba(0, 0, 0, 0.75);
}

/* Banner spacing */
body.lw-site.world-rhome .lw-banner {
  border-radius: 3px;
  margin-bottom: 1.25rem;
}

/* Breadcrumb nav */
body.lw-site.world-rhome .home-nav {
  margin: 0 0 1rem 0;
}

body.lw-site.world-rhome .home-nav-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0;
  margin: 0;
}

body.lw-site.world-rhome .home-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.75rem;
  border-radius: 3px;
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
}

/* Hero spacing */
body.lw-site.world-rhome .home-hero {
  margin-bottom: 1.75rem;
}

body.lw-site.world-rhome .home-title {
  font-size: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 0.4rem 0;
}

body.lw-site.world-rhome .home-lede {
  margin: 0 0 1.25rem 0;
  max-width: 48rem;
  font-size: 0.96rem;
  line-height: 1.5;
}

body.lw-site.world-rhome .home-divider {
  margin: 0 0 1.5rem 0;
}

/* Grid + cards */
body.lw-site.world-rhome .home-grid-shell {
  margin-top: 0.75rem;
}

body.lw-site.world-rhome .home-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
}

body.lw-site.world-rhome .home-card {
  padding: 1rem;
  border-radius: 3px;
  box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.7);
}

/* Card title pill */
body.lw-site.world-rhome .home-card-title,
body.lw-site.world-rhome .home-card > h2 {
  padding: 0.25rem 0.75rem;
  border-radius: 3px; /* explicit pill radius */
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 0.75rem 0;
}

/* Card summary text */
body.lw-site.world-rhome .home-card-summary {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* CTA pattern */
body.lw-site.world-rhome .home-cta {
  margin-top: auto;
  align-self: flex-start;
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}