/* VOLT palette preview — «Ember on graphite». Loaded by index.html after every other stylesheet except live-v8.css.
   background #0E0F12 · card #17191D · raised #21242A · text #F4F5F7 / #B9BEC7 / #8E95A0
   accent #FF6B3D (ink #1A0B05 on it) · recovery #7CC7FF · done #C5E86C · warn #FFC24A */
:root{--p3-bg:#0E0F12;--p3-card:#17191D;--p3-raised:#21242A;--p3-line:#ffffff14;--p3-acc:#FF6B3D;--p3-ink:#1A0B05;
  --muted:#B9BEC7;--text:#F4F5F7;--line:#ffffff14;--panel:#17191D;--v7-numc:#F4F5F7;
  --pro-glass:linear-gradient(150deg,#ffffff0b,#ffffff02 55%,#ffffff00),linear-gradient(#17191D,#17191D)}
html,body{background:var(--p3-bg)!important}

/* atmosphere: graphite with one warm light, a faint cool one */
.glass-atmosphere{background:
  radial-gradient(ellipse 55% 42% at 94% 2%,#ff6b3d2e,transparent 62%),
  radial-gradient(ellipse 40% 35% at 30% 0%,#ff6b3d12,transparent 60%),
  radial-gradient(ellipse 50% 45% at 4% 96%,#7cc7ff12,transparent 60%),
  linear-gradient(160deg,#141518,#0e0f12 55%,#101114)!important}
.glass-atmosphere:before{background:radial-gradient(ellipse at 30% 30%,#ffffff06,transparent 30%)!important}
.glass-atmosphere:after{opacity:.3}

/* cards: solid graphite; light only on the edge */
.panel,.metric,.workout-card,.pro-card,.pro-section,.streak,.plan,.pro-stat,.pro-week{
  background:linear-gradient(150deg,#ffffff0a,#ffffff02 55%,#ffffff00),linear-gradient(var(--p3-card),var(--p3-card))!important;
  border-color:var(--p3-line)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.pro-row,.club-task,.fd-item,.coach-message,.info-note,.club-code,.walk-sidebar{background-color:#ffffff07!important}
.btn.secondary,.btn.ghost{background:linear-gradient(130deg,#ffffff10,#ffffff04),linear-gradient(var(--p3-raised),var(--p3-raised))!important;border-color:#ffffff1f!important}
.chip:not(.active):not([aria-pressed="true"]){background:var(--p3-raised)!important;border-color:#ffffff1f!important}
.sidebar{background:linear-gradient(160deg,#ffffff09,#ffffff02 60%),linear-gradient(#131417ee,#131417ee)!important;border-color:var(--p3-line)!important}
.topbar{background:linear-gradient(110deg,#ffffff08,#ffffff02),linear-gradient(#131417e6,#131417e6)!important;border-color:var(--p3-line)!important}
.bottom-nav{background:#131417f2!important;border-color:var(--p3-line)!important}

/* illustrated cards: banners in a warm light, discipline tiles and covers in stone, so the objects carry the colour */
.pro-hero.art-host:not(.photo),.pro-auth-art.art-host:not(.photo){--t1:#FFF6F0!important;--t2:#FFE0CE!important;--t3:#FFB290!important}
.pro-tile.art-host:not(.photo),.pro-coach-cover.art-host:not(.photo),.img-slot-pic.art-host:not(.photo){--t1:#FAF8F5!important;--t2:#EEE9E2!important;--t3:#D9CFC3!important}
.pro-tile.art-host:not(.photo){box-shadow:0 16px 32px -22px #000c,inset 0 1px 0 #ffffffe6!important}
.pro-hero.art-host:not(.photo){box-shadow:0 34px 70px -30px #ff6b3d73,inset 0 1px 0 #ffffffe6!important}
html:not(.img-hero-row) .pro-gym .club-banner{background:url(media/art-hero-row.svg?v=9) left 2% center/auto 128% no-repeat,radial-gradient(110% 90% at 100% 0%,#ffffffc2,transparent 55%),linear-gradient(130deg,#FFF6F0,#FFE0CE 50%,#FFB290)!important;box-shadow:0 30px 60px -28px #ff6b3d73,inset 0 1px 0 #ffffffe6!important}
.fd-hero{background:radial-gradient(120% 95% at 100% 0%,#ffffffc2,transparent 52%),linear-gradient(130deg,#FFF6F0,#FFE0CE 48%,#FFB290)!important;box-shadow:0 30px 60px -30px #ff6b3d73,inset 0 1px 0 #ffffffe6!important}

/* solid ember wherever the green used translucent fills (translucent orange over graphite turns brown) */
.nav-item.active{background:linear-gradient(135deg,#FF8E60,#FF6B3D)!important;border-color:#ffb08f73!important;color:#1A0B05!important;box-shadow:0 8px 24px -8px #ff6b3d8c,inset 0 1px 0 #ffffff59!important}
.nav-item.active .icon,.nav-item.active svg{color:#1A0B05!important}
.btn:not(.secondary):not(.ghost):not(.pro-link):not(.pro-ghost){background:linear-gradient(135deg,#FF9466,#FF6B3D 60%,#FF5A26)!important;border-color:#ffb08f73!important;color:#1A0B05!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* the primary action: ember with dark ink */
.pro-hero.art-host:not(.photo) .pro-cta,.pro-hero.art-host:not(.photo) .btn.pro-cta{background:var(--p3-ink)!important;color:#FF9466!important}

/* small text that sits under 4.5:1 otherwise */
.fd-hero .fd-kicker{color:#1a0b05cc!important}
.wk-day.is-future,.live-quiet .wk-day.is-future{opacity:.74!important}
.walk-paces small{color:#B9BEC7!important}
.leaflet-control-attribution{background:#f4f5f7d9!important;color:#21242a!important}
.leaflet-control-attribution a{color:#b8401a!important}

/* colours drawn by the scripts (inline SVG) */
[fill="#295448" i]{fill:#34373f!important}
[stroke="#80b294" i]{stroke:#9296a0!important}
[fill="#cce6b4" i]{fill:#ff9a75!important}
[stroke="#0b2c21" i]{stroke:#17181c!important}
[fill="#b8d3c5" i]{fill:#c1c4ca!important}
[stop-color="#b0d88b" i]{stop-color:#ff6f3b!important}
[stroke="#293224" i]{stroke:#282a2e!important}
[stop-color="#20503a" i]{stop-color:#2e3139!important}
[stop-color="#0f2c20" i]{stop-color:#181a1e!important}
[stroke="#a5d985" i]{stroke:#ff6b36!important}
[fill="#d1e8bb" i]{fill:#ffa17e!important}
[fill="#9fd24a" i]{fill:#f04000!important}
[fill="#b0d88b" i]{fill:#ff6f3b!important}
[fill="#daedc8" i]{fill:#fcb094!important}
[fill="#123a27" i]{fill:#1f2226!important}
[fill="#2c6a48" i]{fill:#3e424c!important}
[stroke="#d0e8b9" i]{stroke:#ff9f7c!important}
[fill="#173c2d" i]{fill:#22252a!important}
[fill="#d3e9be" i]{fill:#ffa482!important}
[fill="#c8e4ad" i]{fill:#ff936b!important}
path[stroke="#b0d88b" i]{stroke:#ff6f3b!important}
path[stroke="#567b32" i]{stroke:#484c58!important}