/* Lume Portal — generated by scripts/brand/sync-placehold.mjs from placehold. Do not edit. */

.brand-skin[data-brand-theme="lume-portal"] {
  --font-display: "Rethink Sans", "Inter", Arial, sans-serif;
  --font-body: "Rethink Sans", "Inter", Arial, sans-serif;
  --accent: #a981d1;
  --accent-grad: linear-gradient(90deg, #8a5cb8, #c9a7ea);
  --bg-base: #140d1d;
  --bg-layers: radial-gradient(1000px 700px at 80% -10%, rgba(138, 92, 184, 0.26), transparent 60%),
  radial-gradient(900px 600px at 12% 112%, rgba(49, 29, 63, 0.6), transparent 62%),
  linear-gradient(150deg, #140d1d 0%, #2a1a38 55%, #3b2750 100%);
  --halo: rgba(201, 167, 234, 0.08);
  --logo-glow1: rgba(169, 129, 209, 0.5);
  --logo-glow2: rgba(201, 167, 234, 0.25);
}

.brand-skin[data-brand-theme="lume-portal"][data-bg="1"],
.brand-skin[data-brand-theme="lume-portal"][data-bg="2"],
.brand-skin[data-brand-theme="lume-portal"][data-bg="3"] {
  --bg-layers: linear-gradient(#140d1d, #2a1a38);
}

.brand-skin[data-brand-theme="lume-portal"][data-bg="4"],
.brand-skin[data-brand-theme="lume-portal"][data-bg="5"],
.brand-skin[data-brand-theme="lume-portal"][data-bg="6"],
.brand-skin[data-brand-theme="lume-portal"][data-bg="7"],
.brand-skin[data-brand-theme="lume-portal"][data-bg="8"] {
  --bg-layers: linear-gradient(#140d1d, #2a1a38);
}

@media (prefers-color-scheme: light) {
.brand-skin[data-brand-scheme="auto"][data-brand-theme="lume-portal"] {
  color-scheme: light;
  --font-display: "Rethink Sans", "Inter", Arial, sans-serif;
  --font-body: "Rethink Sans", "Inter", Arial, sans-serif;
  --text: #2a1a38;
  --muted: #64748b;
  --accent: #8a5cb8;
  --accent-grad: linear-gradient(90deg, #8a5cb8, #b48ce0);
  --bg-base: #fdfbff;
  --bg-layers: radial-gradient(1000px 650px at 80% -10%, rgba(138, 92, 184, 0.13), transparent 60%),
  radial-gradient(900px 600px at 10% 110%, rgba(201, 167, 234, 0.18), transparent 60%),
  linear-gradient(170deg, #ffffff 0%, #f8f3fd 100%);
  --chip-bg: rgba(138, 92, 184, 0.08);
  --chip-border: rgba(138, 92, 184, 0.24);
  --halo: rgba(169, 129, 209, 0.12);
  --ghost: rgba(138, 92, 184, 0.07);
  --logo-glow1: rgba(138, 92, 184, 0.22);
  --logo-glow2: rgba(201, 167, 234, 0.16);
  --bg-image: none;
  --on-light-display: inline-flex;
  --on-dark-display: none;
  --name-shadow: none;
  --fx-pre: invert(1) hue-rotate(180deg);
  --fx-blend: multiply;
  --fx-scale: 0.8;
  --video-post: invert(1) hue-rotate(180deg);
  --video-blend: multiply;
  --video-scale: 0.55;
}
}

[data-bs-theme="light"] .brand-skin[data-brand-scheme="app"][data-brand-theme="lume-portal"],
.brand-skin[data-brand-scheme="light"][data-brand-theme="lume-portal"] {
  color-scheme: light;
  --font-display: "Rethink Sans", "Inter", Arial, sans-serif;
  --font-body: "Rethink Sans", "Inter", Arial, sans-serif;
  --text: #2a1a38;
  --muted: #64748b;
  --accent: #8a5cb8;
  --accent-grad: linear-gradient(90deg, #8a5cb8, #b48ce0);
  --bg-base: #fdfbff;
  --bg-layers: radial-gradient(1000px 650px at 80% -10%, rgba(138, 92, 184, 0.13), transparent 60%),
  radial-gradient(900px 600px at 10% 110%, rgba(201, 167, 234, 0.18), transparent 60%),
  linear-gradient(170deg, #ffffff 0%, #f8f3fd 100%);
  --chip-bg: rgba(138, 92, 184, 0.08);
  --chip-border: rgba(138, 92, 184, 0.24);
  --halo: rgba(169, 129, 209, 0.12);
  --ghost: rgba(138, 92, 184, 0.07);
  --logo-glow1: rgba(138, 92, 184, 0.22);
  --logo-glow2: rgba(201, 167, 234, 0.16);
  --bg-image: none;
  --on-light-display: inline-flex;
  --on-dark-display: none;
  --name-shadow: none;
  --fx-pre: invert(1) hue-rotate(180deg);
  --fx-blend: multiply;
  --fx-scale: 0.8;
  --video-post: invert(1) hue-rotate(180deg);
  --video-blend: multiply;
  --video-scale: 0.55;
}