/* ألوان الشعار (AB اعتمدها 16 أكتوبر)، الأخضر الداكن #22302C هو الأساسي والأخضر #27A27A للتمييز */
:root { --deep: #22302C; --deep-2: #2C3C37; --on-deep: #F2F7F5; --on-deep-2: #B9CBC4; --green-on-deep: #3CC093; }
.top { background: rgba(34,48,44,.96); border-bottom-color: rgba(255,255,255,.08); }
body::before { background: var(--deep); }
.top .brand, .top .nav a { color: var(--on-deep); }
.top .nav a:hover { color: var(--green-on-deep); }
.brand svg rect { fill: var(--deep-2); }
.hero { background: radial-gradient(120% 90% at 15% 100%, rgba(39,162,122,.28) 0%, rgba(39,162,122,0) 60%), var(--deep); color: var(--on-deep); }
.hero .eyebrow { color: var(--green-on-deep); }
.hero .lead { color: var(--on-deep-2); }
.hero .btn.ghost { background: transparent; color: var(--on-deep); border-color: rgba(255,255,255,.25); }
.hero .chip.soon { background: rgba(240,161,58,.16); color: #F5C27A; }
.band.tint { background: #F1F5F3; }
.stat { border-top-color: var(--deep); }
.stat b { color: var(--deep); }
.step::before { background: var(--deep); color: var(--green-on-deep); }
.calc .out { background: var(--deep); color: var(--on-deep); }
.calc .out .lbl, .calc .out .note { color: var(--on-deep-2); }
.calc .out .ring .big small { color: var(--on-deep-2); }
.calc .out .cycle { color: var(--on-deep); }
.calc .out .cycle b { color: var(--green-on-deep); }
.calc .out .warn { color: #F2958F; }
.feature figure { background: var(--deep); }
.beta { background: var(--deep); color: var(--on-deep); border-color: transparent; }
.beta .eyebrow { color: var(--green-on-deep); }
.beta .dates div { border-bottom-color: rgba(255,255,255,.14); }
.beta .mail { background: var(--deep-2); }
.beta .btn.ghost { background: transparent; color: var(--on-deep); border-color: rgba(255,255,255,.25); }
.band.ink, .foot { background: #1A2522; }
.eyebrow { color: var(--green-text); }
.doc .summary { background: #F1F5F3; }