/* =================================================================== PULSAR — Gold accent layer (toggleable via Tweaks) Adds a warm gold dimension on top of the cosmic ion-violet. Nothing applies unless carries .g-glow or .g-dual. -------------------------------------------------------------------- .g-glow → violet stays; a warm gold AURA blooms around accents .g-dual → glow + colour split: gold paints the "craft / human" signifiers, violet keeps the "tech / structure" ones =================================================================== */ :root{ --gold: #D8A24A; /* antique gold — approved default (overridden by shade tweak) */ --gold-deep: #A87A2E; /* gold for text on light surfaces */ --gold-strength: 1.2; /* 0.3 – 1.6, driven by Tweaks slider */ --gold-glow: color-mix(in srgb, var(--gold) calc(var(--gold-strength) * 52%), transparent); --gold-haze: color-mix(in srgb, var(--gold) calc(var(--gold-strength) * 15%), transparent); } /* ============================ GLOW (both modes) ============================ */ /* hero billboard — warm bloom where the emblem sits */ .g-glow .hero-grad, .g-dual .hero-grad{ background: radial-gradient(66% 48% at 80% 6%, var(--gold-haze), transparent 60%), radial-gradient(80% 60% at 70% 8%, rgba(110,108,240,.18), transparent 60%), radial-gradient(120% 90% at 20% 110%, rgba(40,44,70,.6), transparent 60%), linear-gradient(180deg, rgba(11,12,16,.2) 0%, rgba(11,12,16,0) 30%, rgba(11,12,16,.55) 100%); } .g-glow .hero-emblem, .g-dual .hero-emblem{ filter:drop-shadow(0 0 30px var(--gold-haze)) drop-shadow(0 0 64px var(--gold-haze)); } .g-glow .he-core, .g-dual .he-core{ filter:drop-shadow(0 0 16px var(--gold-glow)) drop-shadow(0 0 40px var(--gold-haze)); } /* the hero glow-underline gets a warm outer halo over the violet core */ .g-glow .glow-underline::after, .g-dual .glow-underline::after{ box-shadow:0 0 14px 1px var(--ion-glow), 0 0 30px 3px var(--gold-haze), 0 0 64px 8px var(--gold-haze); } .g-glow .hero-core h1 .glow-underline::after, .g-dual .hero-core h1 .glow-underline::after{ box-shadow:0 0 16px 2px var(--ion-glow), 0 0 40px 5px var(--gold-haze), 0 0 80px 12px var(--gold-haze); } /* logo mark picks up a faint warm rim */ .g-glow .logo-mark, .g-dual .logo-mark{ filter:drop-shadow(0 0 5px var(--ion-haze)) drop-shadow(0 0 8px var(--gold-haze)); } /* craft panel media — swap its violet drop to a gold one (craft = warm) */ .g-glow .cpanel.craft .cmedia .media, .g-dual .cpanel.craft .cmedia .media{ box-shadow:0 0 0 1px rgba(110,108,240,.4), 0 24px 64px -18px var(--gold-glow); } /* services hover — warm the bloom that washes up the card */ .g-glow .svc-card:hover .svc-overlay, .g-dual .svc-card:hover .svc-overlay{ background:linear-gradient(180deg, rgba(11,12,16,.08) 0%, rgba(150,108,40,.30) 48%, rgba(7,8,12,.92) 100%); } /* contact submit — violet fill ringed by a gold glow on hover */ .g-glow .submit:hover, .g-dual .submit:hover{ box-shadow:0 0 0 1px var(--gold), 0 12px 44px -10px var(--gold-glow); } /* ============================ DUAL only (colour split) ============================ */ /* editorial folio dots → warm metallic detail */ .g-dual .kicker .dot{ color:var(--gold-deep); } .g-dual .hero .kicker .dot, .g-dual .contact .kicker .dot{ color:var(--gold); } /* the "craft / pro hands" side goes gold; "slop" stays grey, rest stays violet */ .g-dual .cpanel.craft .clab{ color:var(--gold); } /* warm, human welcome on the success state */ .g-dual .csuccess .ok-mark{ color:var(--gold); } /* footer lead CTA → gold */ .g-dual .foot .f-lead a{ color:var(--gold); border-bottom-color:var(--gold-deep); } /* the hand-written Telegram note — a human signal — gets a gold spine */ .g-dual .sig.text .tile-card{ border-left-color:var(--gold); }