/* Faizna Green Bites — TEN COLOURS, TEN VIBES design system (approved brief, 20 Aug 2026).
 * Supersedes the Royal-Purple-only direction. One token file; page themes via body class per page map. */
:root{--fgb-forest:#0B5D3B;--fgb-forest-dark:#063923;--fgb-forest-soft:#E7F2EC;--fgb-forest-highlight:#6DBA7D;--fgb-sunshine:#F4C430;--fgb-sunshine-dark:#6B4D00;--fgb-sunshine-soft:#FFF7D1;--fgb-sunshine-highlight:#FFE27A;--fgb-royal-red:#B3262E;--fgb-royal-red-dark:#64121A;--fgb-royal-red-soft:#F9E7E9;--fgb-royal-red-highlight:#E46C73;--fgb-ocean:#0B5EA8;--fgb-ocean-dark:#06345E;--fgb-ocean-soft:#E7F0F8;--fgb-ocean-highlight:#65AEE6;--fgb-matte:#151515;--fgb-matte-dark:#050505;--fgb-matte-soft:#ECECEC;--fgb-pearl:#F7F3E8;--fgb-pearl-dark:#574B3A;--fgb-pearl-soft:#FCFAF5;--fgb-pearl-highlight:#D7C9B0;--fgb-tangerine:#E86F00;--fgb-tangerine-dark:#803600;--fgb-tangerine-soft:#FFF0E4;--fgb-tangerine-highlight:#FFAA62;--fgb-purple:#6B2D8F;--fgb-purple-dark:#2A1238;--fgb-purple-soft:#F2EAF7;--fgb-purple-highlight:#C9A7DD;--fgb-teal:#007C83;--fgb-teal-dark:#00464A;--fgb-teal-soft:#E4F3F4;--fgb-teal-highlight:#58C5C5;--fgb-fuchsia:#C2185B;--fgb-fuchsia-dark:#6F0D34;--fgb-fuchsia-soft:#F9E5EE;--fgb-fuchsia-highlight:#EF8FB2;--fgb-gold:#D4AF37;--fgb-ink:#17211C;--fgb-muted:#5B4D63;--fgb-placeholder:#6F6275;--fgb-white:#FFFFFF}
body.fgb-theme-forest{--fgb-page-primary:var(--fgb-forest);--fgb-page-dark:var(--fgb-forest-dark);--fgb-page-soft:var(--fgb-forest-soft);--fgb-page-highlight:var(--fgb-forest-highlight);--fgb-page-on-primary:var(--fgb-white)}
body.fgb-theme-sunshine{--fgb-page-primary:var(--fgb-sunshine);--fgb-page-dark:var(--fgb-sunshine-dark);--fgb-page-soft:var(--fgb-sunshine-soft);--fgb-page-highlight:var(--fgb-sunshine-highlight);--fgb-page-on-primary:var(--fgb-ink)}
body.fgb-theme-royal-red{--fgb-page-primary:var(--fgb-royal-red);--fgb-page-dark:var(--fgb-royal-red-dark);--fgb-page-soft:var(--fgb-royal-red-soft);--fgb-page-highlight:var(--fgb-royal-red-highlight);--fgb-page-on-primary:var(--fgb-white)}
body.fgb-theme-ocean{--fgb-page-primary:var(--fgb-ocean);--fgb-page-dark:var(--fgb-ocean-dark);--fgb-page-soft:var(--fgb-ocean-soft);--fgb-page-highlight:var(--fgb-ocean-highlight);--fgb-page-on-primary:var(--fgb-white)}
body.fgb-theme-matte{--fgb-page-primary:var(--fgb-matte);--fgb-page-dark:var(--fgb-matte-dark);--fgb-page-soft:var(--fgb-matte-soft);--fgb-page-highlight:var(--fgb-gold);--fgb-page-on-primary:var(--fgb-white)}
body.fgb-theme-pearl{--fgb-page-primary:var(--fgb-pearl);--fgb-page-dark:var(--fgb-pearl-dark);--fgb-page-soft:var(--fgb-pearl-soft);--fgb-page-highlight:var(--fgb-pearl-highlight);--fgb-page-on-primary:var(--fgb-ink)}
body.fgb-theme-tangerine{--fgb-page-primary:var(--fgb-tangerine);--fgb-page-dark:var(--fgb-tangerine-dark);--fgb-page-soft:var(--fgb-tangerine-soft);--fgb-page-highlight:var(--fgb-tangerine-highlight);--fgb-page-on-primary:var(--fgb-ink)}
body.fgb-theme-purple{--fgb-page-primary:var(--fgb-purple);--fgb-page-dark:var(--fgb-purple-dark);--fgb-page-soft:var(--fgb-purple-soft);--fgb-page-highlight:var(--fgb-purple-highlight);--fgb-page-on-primary:var(--fgb-white)}
body.fgb-theme-teal{--fgb-page-primary:var(--fgb-teal);--fgb-page-dark:var(--fgb-teal-dark);--fgb-page-soft:var(--fgb-teal-soft);--fgb-page-highlight:var(--fgb-teal-highlight);--fgb-page-on-primary:var(--fgb-white)}
body.fgb-theme-fuchsia{--fgb-page-primary:var(--fgb-fuchsia);--fgb-page-dark:var(--fgb-fuchsia-dark);--fgb-page-soft:var(--fgb-fuchsia-soft);--fgb-page-highlight:var(--fgb-fuchsia-highlight);--fgb-page-on-primary:var(--fgb-white)}
body[class*="fgb-theme-"]{background:var(--fgb-page-soft);color:var(--fgb-ink)}
.fgb-colour-signature{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:.5rem .9rem;color:inherit;background:rgba(255,255,255,.12);font-weight:700;font-size:.78rem}
.fgb-button-primary{background:var(--fgb-page-primary);color:var(--fgb-page-on-primary);border-color:var(--fgb-page-primary)}
.fgb-button-primary:hover,.fgb-button-primary:focus-visible{background:var(--fgb-page-dark);border-color:var(--fgb-page-dark)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--fgb-gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}