/* FRA Prop HQ v7.9.25 — neutral theme surfaces
   Theme presets now change accent colours, not the entire workspace hue. */
:root[data-fra-theme] {
  --bg:#08090a;
  --bg-2:#0b0c0d;
  --sidebar:#0a0b0c;
  --topbar:rgba(8,9,10,.96);
  --panel:#101214;
  --panel-2:#151719;
  --panel-3:#1a1d20;
  --input:#0c0e0f;
  --hover:#1b1e21;
  --border:#292d31;
  --border-strong:#3a3f44;
  --text:#f1f3f2;
  --text-strong:#ffffff;
  --muted:#969da3;
  --muted-2:#6e757b;
  --muted-strong:#bcc1c5;
  --chart-muted:#788087;
  --chart-grid:rgba(255,255,255,.07);
  --theme-glow:rgba(255,255,255,.045);
  --theme-glow-strong:rgba(255,255,255,.075);
  --theme-card-gradient:linear-gradient(145deg,#131517,#0c0e0f);
  --theme-hero-gradient:linear-gradient(180deg,#08090a 0%,#060708 100%);
  --theme-meta:#08090a;
}

:root[data-fra-theme="oled"] {
  --bg:#000000;
  --bg-2:#020202;
  --sidebar:#010101;
  --topbar:rgba(0,0,0,.98);
  --panel:#080808;
  --panel-2:#0d0d0d;
  --panel-3:#131313;
  --input:#050505;
  --hover:#151515;
  --border:#242424;
  --border-strong:#393939;
  --theme-card-gradient:linear-gradient(145deg,#0c0c0c,#020202);
  --theme-hero-gradient:linear-gradient(180deg,#000,#000);
  --theme-meta:#000000;
}

html, body, .app-shell, .app-main, .main-content, .view,
.public-landing, .fra-landing, .trust-page, .trust-page-shell {
  background-color:var(--bg)!important;
}
.public-landing, .fra-landing {
  background-image:var(--theme-hero-gradient)!important;
}
.command-board, .trust-hero-card, .modal-card {
  background-image:var(--theme-card-gradient)!important;
}
.daily-share-preview-wrap {
  background:#050607!important;
}
.v75-announcement, .v75-referral-card {
  background:var(--panel)!important;
  border-color:var(--accent-border)!important;
  box-shadow:inset 3px 0 0 var(--accent)!important;
}
.theme-preset-card.active {
  background:var(--panel-2)!important;
}
.theme-preset-preview {
  --preview-bg:#08090a!important;
  --preview-panel:#151719!important;
  --preview-border:#292d31!important;
}
:root[data-fra-theme="oled"] .theme-preset-preview {
  --preview-bg:#000!important;
  --preview-panel:#0d0d0d!important;
  --preview-border:#242424!important;
}