/* ==========================================================================
   PBN Tera — brand skin. Palette from the Tera icon (violet "T" + emerald
   pathway). Character: CLEAN, FAST, MODERN — crisp white, violet chrome,
   emerald live accent, squared thumbs, tight grotesk. Archetype: full-width-list.
   ========================================================================== */
:root {
  --c-primary: #7c3aed;        /* violet — from logo */
  --c-primary-700: #5b21b6;
  --c-primary-100: #ede9fe;
  --c-accent: #047857;         /* emerald — pathway accent (AA on white) */
  --c-accent-100: #d1fae5;
  --c-on-primary: #ffffff;
  --c-on-accent: #ffffff;

  --c-bg: #ffffff;
  --c-surface: #ffffff;
  --c-surface-2: #f5f3ff;      /* faint violet */
  --c-text: #181826;
  --c-text-muted: #5b5566;
  --c-border: #eceaf4;

  --c-header-bg: #7c3aed;
  --c-header-text: #ffffff;
  --c-header-muted: #ece3fe;   /* tagline: AA on the violet header */
  --c-topbar-bg: #5b21b6;
  --c-footer-bg: #1e1b2e;      /* clean dark violet-charcoal */

  /* Tight modern grotesk (system — no external font). */
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --lh-tight: 1.18;
}

/* Lock the non-square logo's true ratio so it never distorts. */
.brand .custom-logo { aspect-ratio: 79 / 88; width: auto; }

/* Clean/fast list character: squared thumbs, crisp uppercase headlines. */
.fwl { --fwl-radius: 4px; }
.fwl-item__title { font-weight: 700; letter-spacing: -.01em; }
.fwl-item__cat { letter-spacing: .08em; }
.fwl-section-title { letter-spacing: .08em; }
/* Emerald "live" energy on the quick bar + snappy violet hover. */
.fwl-bar__live { color: var(--c-accent); }
.fwl-bar__live::before { box-shadow: 0 0 0 3px var(--c-accent-100); }
.fwl-item:hover .fwl-item__title a { color: var(--c-primary); }
.fwl-trending__list a::before { color: var(--c-primary); } /* violet rank numerals — modern */
.fwl-rail > section { border-color: var(--c-primary-100); } /* crisp violet-tinted card edges */