/* Begg-inspired: cream, yolk and ink. Shared palette for desktop and companions. */
html[data-theme="begg"] {
  color-scheme:dark;
  --tint:#ffd332; --accent:#ffd332; --accent-2:#e5d9ad; --accent-3:#faf5e4;
  --font:"Outfit","Avenir Next",sans-serif;
  --bg:#191a15; --panel:#25271f; --panel-2:#34372b; --border:#626653;
  --text:#faf5e4; --muted:#c5c3ae; --input-bg:#1d1f18; --link:#ffd332;
  --green:#91dca0; --red:#ff9292; --amber:#f9c864; --orange:#ffb178;
  --radius:24px; --radius-btn:999px; --radius-input:12px;
  --surface:var(--panel); --surface-border-color:var(--border);
  --grad-brand:linear-gradient(var(--text),var(--text));
  --grad-primary:linear-gradient(#ffd332,#ffd332);
  --grad-primary-hover:linear-gradient(#f0bc18,#f0bc18);
  --btn-soft:linear-gradient(var(--panel-2),var(--panel-2));
  --btn-soft-hover:linear-gradient(var(--border),var(--border));
  --app-bg:var(--bg); --shadow:0 8px 22px #0002; --shadow-glow:var(--shadow);
}
html[data-theme="begg"][data-mode="light"] {
  color-scheme:light;
  --accent:#795500; --accent-2:#686348; --accent-3:#24251d;
  --bg:#f3efdf; --panel:#fffdf4; --panel-2:#eae4cc; --border:#b6af95;
  --text:#24251d; --muted:#66614b; --input-bg:#fffdf4; --link:#795500;
  --green:#226c37; --red:#b52625; --amber:#805000; --orange:#a94200;
  --shadow:0 8px 22px #423c1b0c;
}

/* Keep the portal's working layout; the reference lives in type, color and form. */
html[data-theme="begg"][data-mode][data-style] :is(.btn,.tab,.seg button,.crumb,.brand,input,select,textarea) { transition-property:transform,opacity !important; }
html[data-theme="begg"][data-mode] body { letter-spacing:0; scrollbar-color:var(--border) var(--bg); }
html[data-theme="begg"] ::selection { background:#ffd332; color:#24251d; }
html[data-theme="begg"] :is(input,textarea) { caret-color:var(--link); }
html[data-theme="begg"] :is(a,.link) { text-underline-offset:.2em; }
html[data-theme="begg"][data-mode] :is(h1,h2,h3,h4,.brand) { font-family:"Syne","Outfit",sans-serif; font-weight:800; letter-spacing:-.03em; }
/* Page titles: b-egg.farm's tall condensed headline ("A NEW LOOK AT A FAMILIAR PRODUCT"). */
html[data-theme="begg"][data-mode] .section-head h2 { font-family:"Archivo","Syne","Outfit",sans-serif; font-stretch:62%; font-weight:800; font-size:clamp(46px,5.6vw,84px); line-height:.92; letter-spacing:0; text-transform:uppercase; }
html[data-theme="begg"][data-mode] .brand { letter-spacing:-.02em; }
html[data-theme="begg"][data-mode][data-style] :is(.card,.stat,.modal,.login-card,.status-strip) { border-radius:24px 12px !important; }
html[data-theme="begg"][data-mode][data-style] .station-card {
  border-radius:56px 18px 40px 18px !important; border-top:14px solid #ffd332 !important;
  padding:30px; box-shadow:var(--shadow) !important;
}
html[data-theme="begg"][data-mode] .station-card h3 { font-size:30px; line-height:1.1; }
html[data-theme="begg"][data-mode] .station-card .sc-bal-num { font-family:"Syne","Outfit",sans-serif; font-weight:800; letter-spacing:-.03em; }
html[data-theme="begg"][data-mode] :is(.btn.primary,.btn.info) { color:#24251d; background:var(--grad-primary); font-weight:700; }
html[data-theme="begg"][data-mode] :is(.btn.primary,.btn.info):hover { background:var(--grad-primary-hover); }
html[data-theme="begg"][data-mode] .station-tabs-v .tab.active { color:#24251d; background:#ffd332; font-weight:700; }
html[data-theme="begg"][data-mode] :is(.btn.primary,.btn.info,.station-tabs-v .tab.active) { transition-property:transform,opacity !important; }
html[data-theme="begg"][data-mode] :is(input[type="checkbox"],input[type="radio"]) { accent-color:var(--link); }
html[data-theme="begg"][data-mode] .cal .day:not(.empty) { border-radius:24px 8px 22px 8px !important; }
html[data-theme="begg"][data-mode] .cal .day .num { font-family:"Syne","Outfit",sans-serif; font-weight:800; font-size:18px; }
html[data-theme="begg"][data-mode] .cal .day.today { outline-color:var(--link); }
html[data-theme="begg"][data-mode] .health-hb.ok .hb-dot { --hb:var(--green); }
html[data-theme="begg"][data-mode] :is(input,textarea)::placeholder { color:var(--muted); opacity:1; }
.theme-showcase[data-preset="begg"] .theme-showcase-pane { background:var(--preview-panel); border-radius:40px 12px 30px 12px; border:0; border-top:10px solid #ffd332; box-shadow:0 8px 18px #0002; }
.theme-showcase[data-preset="begg"] .theme-showcase-orbit { border:0; background:#ffd332; border-radius:48% 52% 46% 54%; opacity:1; }
.theme-showcase[data-preset="begg"] .theme-showcase-type { font-family:"Syne","Outfit",sans-serif; font-weight:800; }
.theme-showcase[data-preset="begg"] .theme-showcase-mini-button { background:#ffd332; border-radius:999px; }
@media (max-width:700px) {
  html[data-theme="begg"][data-mode][data-style] .station-card { padding:24px; border-radius:40px 16px 30px 16px !important; }
}
