/* Generated by tooling/menu.mjs from the theme "Portlight". Change it with: node tooling/menu.mjs preview */

:root {
    --default-mode: dark;
    --navy: #02023b;
    --purple: #652d90;
    --coral: #ee4036;
    --coral-deep: #d0352c;
    --font-body: 'Outfit', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --logo-height: 48px;
    --motion: hero bar nav links cards reveal pages theme glow;
    --motion-toggle: on;
    --motion-default: on;
    --bg: #ffffff;
    --bg-alt: #eae9f0;
    --surface: #ffffff;
    --text: #02023b;
    --text-muted: #3a3a5c;
    --eyebrow: #652d90;
    --link: #652d90;
    --link-hover: #02023b;
    --border: rgba(2,2,59,.12);
    --btn-bg: #02023b;
    --btn-text: #ffffff;
    --hero-glow: 0.7;
    --watermark-opacity: 0.7;
    --bg-image: url("/images/backgrounds/glow-laptop.jpg");
    --bg-fit: cover;
    --bg-inset: 0;
    --bg-opacity: 0.31;
}

:root[data-theme="dark"] {
    --bg: #02023b;
    --bg-alt: #08084a;
    --surface: #10105a;
    --text: #ffffff;
    --text-muted: #c9c9e0;
    --eyebrow: #ff8a82;
    --link: #ff8a82;
    --link-hover: #ffffff;
    --border: rgba(255,255,255,.16);
    --btn-bg: #d0352c;
    --btn-text: #ffffff;
    --hero-glow: 1;
    --watermark-opacity: 0.5;
    --bg-opacity: 0.5;
}