
/* Colour studio: distinct light and dark art directions. */
:root[data-palette="sapphire"]{--paper:#fbfcff;--ink:#17233e;--ink-soft:#5c6880;--violet:#275be8;--violet-soft:#e9efff;--theme-secondary:#e2ecf9;--theme-accent:#275be8;--theme-dark:#14264a;--hero-bg:#f0f5ff;--hero-fg:#17233e;--hero-muted:#52647d;--hero-accent:#275be8;--violet-deep:#17233e;--coral:#275be8;--coral-soft:#e2ecf9;--line:#e9efff;--lime:#e2ecf9;--theme-muted:#d9dde3;}
:root[data-palette="cobalt"]{--paper:#fafaff;--ink:#152145;--ink-soft:#606c88;--violet:#3459e8;--violet-soft:#e8edff;--theme-secondary:#f3eecf;--theme-accent:#3657dc;--theme-dark:#19295b;--hero-bg:#253fbe;--hero-fg:#fffef8;--hero-muted:#e0e5ff;--hero-accent:#fff0ad;--violet-deep:#152145;--coral:#3657dc;--coral-soft:#f3eecf;--line:#e8edff;--lime:#fff0ad;--theme-muted:#d9dde3;}
:root[data-palette="apricot"]{--paper:#fffcf8;--ink:#2e3039;--ink-soft:#766965;--violet:#be5433;--violet-soft:#f8e6db;--theme-secondary:#f3d8c4;--theme-accent:#b04b2e;--theme-dark:#303039;--hero-bg:#f6decd;--hero-fg:#2e3039;--hero-muted:#6f5b53;--hero-accent:#a94628;--violet-deep:#2e3039;--coral:#b04b2e;--coral-soft:#f3d8c4;--line:#f8e6db;--lime:#f3d8c4;--theme-muted:#d9dde3;}
:root[data-palette="lilac"]{--paper:#fdfbff;--ink:#38244d;--ink-soft:#776580;--violet:#8152b7;--violet-soft:#ede2f8;--theme-secondary:#f3dfe8;--theme-accent:#7747a5;--theme-dark:#38244d;--hero-bg:#ece3f7;--hero-fg:#38244d;--hero-muted:#735e83;--hero-accent:#8046a7;--violet-deep:#38244d;--coral:#7747a5;--coral-soft:#f3dfe8;--line:#ede2f8;--lime:#f3dfe8;--theme-muted:#d9dde3;}
:root[data-palette="graphite"]{--paper:#fafafa;--ink:#25272d;--ink-soft:#696c76;--violet:#535966;--violet-soft:#e9eaee;--theme-secondary:#e1e3e8;--theme-accent:#575b66;--theme-dark:#202227;--hero-bg:#24262c;--hero-fg:#fcfcfd;--hero-muted:#c3c6d1;--hero-accent:#d7dced;--violet-deep:#25272d;--coral:#575b66;--coral-soft:#e1e3e8;--line:#e9eaee;--lime:#d7dced;--theme-muted:#d9dde3;}
:root[data-palette="lagoon"]{--paper:#f9fcfb;--ink:#153d47;--ink-soft:#5c7379;--violet:#166b78;--violet-soft:#deeff0;--theme-secondary:#f6dfd7;--theme-accent:#b75544;--theme-dark:#153b43;--hero-bg:#11515c;--hero-fg:#fcfaf3;--hero-muted:#c9e2e3;--hero-accent:#ffb39c;--violet-deep:#153d47;--coral:#b75544;--coral-soft:#f6dfd7;--line:#deeff0;--lime:#ffb39c;--theme-muted:#d9dde3;}
:root[data-palette="wine"]{--paper:#fff9f8;--ink:#492836;--ink-soft:#856876;--violet:#974c65;--violet-soft:#f4e0e6;--theme-secondary:#f1d6cc;--theme-accent:#a95f58;--theme-dark:#4e2137;--hero-bg:#68283f;--hero-fg:#fff9f5;--hero-muted:#ebcbd5;--hero-accent:#ffd1c0;--violet-deep:#492836;--coral:#a95f58;--coral-soft:#f1d6cc;--line:#f4e0e6;--lime:#ffd1c0;--theme-muted:#d9dde3;}
:root[data-palette="espresso"]{--paper:#fcfaf6;--ink:#44362f;--ink-soft:#7c6e63;--violet:#84654d;--violet-soft:#ece5dc;--theme-secondary:#eee1d0;--theme-accent:#896147;--theme-dark:#362c27;--hero-bg:#eee7dc;--hero-fg:#44362f;--hero-muted:#776658;--hero-accent:#8a6145;--violet-deep:#44362f;--coral:#896147;--coral-soft:#eee1d0;--line:#ece5dc;--lime:#eee1d0;--theme-muted:#d9dde3;}

:root[data-palette="midnight"]{--hero-bg:#192b44;--hero-fg:#faf7f0;--hero-muted:#cbd5e0;--hero-accent:#ebdfbf}
:root[data-palette="forest"]{--hero-bg:#18392d;--hero-fg:#f5f3e9;--hero-muted:#c6d3c8;--hero-accent:#e7dfac}
#homeHero{background:var(--hero-bg,var(--theme-dark));color:var(--hero-fg,var(--paper))}
#homeHero h1 .accent,#homeHero .heading-star,#homeHero .stage-spark{color:var(--hero-accent,var(--lime))!important}
#homeHero .lead,#homeHero .hero-note,#homeHero .hero-footnote,#homeHero .popular-label,#homeHero .hero-kicker,#homeHero::after{color:var(--hero-muted,var(--paper))}
#homeHero .hero-footnote span,#homeHero .stage-index,#homeHero .stage-caption{color:var(--hero-muted,var(--paper))!important}
#homeHero .hero-kicker>span{background:var(--hero-accent,var(--lime))}
#homeHero .audience-switch{background:transparent;border-color:var(--hero-muted)}
#homeHero .audience-switch button{color:var(--hero-fg)}
#homeHero .audience-switch button.selected{background:var(--hero-fg);color:var(--hero-bg)}
#homeHero .chip{color:var(--hero-fg);border-color:var(--hero-muted)}
#homeHero .chip.active{background:var(--hero-fg);color:var(--hero-bg)}
#homeHero .stage-orbit{border-color:var(--hero-muted)!important;opacity:.3}
#homeHero .portrait-frame,.second-portrait{border-color:var(--paper)!important}
#homeHero #employerHeroAction>.btn{background:var(--hero-fg);color:var(--hero-bg)}
.chapter-options,.chapter-options button,.faq-list details,.faq-list details:last-child{border-color:var(--line)}
#board h2 em{color:var(--lime)}
.palette-studio{position:relative;inset:auto;width:100%;border:0;border-bottom:1px solid #dedfe5;border-radius:0;box-shadow:none;background:#fff;color:#262835;display:flex;align-items:center;justify-content:center;gap:55px;padding:16px 24px}
.palette-studio label{margin:0 0 5px;font-size:9px;color:#616675}
.palette-navigation{display:flex;align-items:center;gap:10px}.palette-navigation button{width:34px;height:34px;border:1px solid #dcdfe5;border-radius:6px;background:#f8f9fc;color:#303440;font-size:18px}.palette-studio select{min-width:265px;width:auto;font-size:14px;padding:7px;color:#262835}.palette-summary{min-width:250px}.palette-studio .palette-swatches{margin:0;max-width:190px;gap:6px}.palette-studio .palette-swatches i{height:16px}.palette-studio .palette-swatches i:first-child{background:var(--hero-bg)}.palette-studio .palette-swatches i:nth-child(2){background:var(--hero-accent)}.palette-studio .palette-swatches i:nth-child(3){background:var(--paper)}.palette-studio .palette-swatches i:nth-child(4){background:var(--ink)}.palette-summary p{font-size:11px;color:#626775;margin:8px 0 0}
@media(max-width:620px){.palette-studio{padding:13px 18px;display:block}.palette-navigation{gap:6px;justify-content:space-between}.palette-studio select{min-width:0;flex:1;font-size:13px}.palette-summary{display:flex;align-items:center;gap:12px;margin-top:9px;min-width:0}.palette-studio .palette-swatches{width:90px;flex-shrink:0;gap:3px}.palette-studio .palette-swatches i{height:9px}.palette-summary p{font-size:9px;margin:0}.palette-studio label{font-size:8px}}

/* Gigly's original brand colours, applied to the redesigned layout. */
:root[data-palette="gigly"]{
 --paper:#FCFBFF;--ink:#1B1035;--ink-soft:#6B6478;
 --violet:#6D28D9;--violet-deep:#4C1D95;--violet-soft:#EFE7FF;
 --coral:#FF6B4A;--coral-soft:#FFE4DA;--line:#E7E1F7;--lime:#D6F23C;
 --theme-dark:#1B1035;--theme-secondary:#FFE4DA;--theme-accent:#FF6B4A;--theme-muted:#D9CBFA;
 --hero-bg:#FCFBFF;--hero-fg:#1B1035;--hero-muted:#6B6478;--hero-accent:#6D28D9;
}
[data-palette="gigly"] #homeHero{background-image:radial-gradient(circle,#e2d9f1 .85px,transparent .85px);background-size:24px 24px}
[data-palette="gigly"] .logo-lockup svg path{fill:var(--coral)}
[data-palette="gigly"] .nav-inner .btn-coral{background:var(--coral);color:var(--ink)}
[data-palette="gigly"] #homeHero .heading-star{color:var(--coral)!important}
[data-palette="gigly"] #homeHero .audience-switch{background:var(--violet-soft);border-color:var(--line)}
[data-palette="gigly"] #homeHero .audience-switch button.selected{background:var(--violet);color:white}
[data-palette="gigly"] #homeHero .chip{background:white;border-color:var(--line)}
[data-palette="gigly"] #homeHero .chip.active{background:var(--violet);color:white;border-color:var(--violet)}
[data-palette="gigly"] #homeHero .portrait-frame{border-color:#e4d6fa!important}
[data-palette="gigly"] .second-portrait{border-color:#ffdbcF!important}
[data-palette="gigly"] .stage-sticker{background:var(--coral-soft)}
[data-palette="gigly"] .note-icon{background:var(--violet-soft);color:var(--violet)}
[data-palette="gigly"] .brand-ribbon{background:var(--violet-soft)!important}
[data-palette="gigly"] #board{background:var(--violet-deep)}
[data-palette="gigly"] #board h2 em{color:#e0d0ff}
[data-palette="gigly"] .employer-banner{background:var(--violet-soft)!important}
[data-palette="gigly"] .employer-banner .btn{background:var(--coral);color:var(--ink)}
[data-palette="gigly"] .footer-wordmark i{color:#c5a5ff}
[data-palette="gigly"] #homeHero #employerHeroAction>.btn{background:var(--violet);color:#fff}
