/**
 * Equinox tokens — loaded before equinox-custom.css.
 * :root — glass strokes/fills, dark surfaces, shadows (var() in equinox-canvas.css, equinox-lang.css, equinox-custom.css).
 * body.equinox-shell — layout offsets (--eq-nav-height, admin bar, etc.).
 */
:root {
    --eq-glass-fill-strong: rgba(255, 255, 255, 0.08);
    --eq-glass-fill-soft: rgba(255, 255, 255, 0.06);
    --eq-glass-stroke: rgba(255, 255, 255, 0.14);
    --eq-glass-stroke-strong: rgba(255, 255, 255, 0.18);
    --eq-glass-stroke-muted: rgba(255, 255, 255, 0.16);
    --eq-glass-stroke-faint: rgba(255, 255, 255, 0.12);

    --eq-surface-section: rgba(10, 16, 32, 0.52);
    --eq-surface-userbar: rgba(7, 12, 28, 0.52);
    --eq-surface-nav: rgba(10, 16, 34, 0.42);
    --eq-surface-nav-mobile: rgba(8, 14, 32, 0.64);
    --eq-surface-menu-scrim: rgba(7, 12, 28, 0.78);
    --eq-surface-dropdown: rgba(10, 16, 32, 0.62);
    --eq-surface-dropdown-solid: rgba(10, 16, 32, 0.94);
    --eq-surface-dropdown-deep: rgba(10, 16, 32, 0.96);

    --eq-shadow-modal: 0 20px 50px rgba(0, 0, 0, 0.45);
    --eq-shadow-card-strong: 0 12px 40px rgba(0, 0, 0, 0.28);
    --eq-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.22);
    --eq-shadow-card-lg: 0 10px 32px rgba(0, 0, 0, 0.22);
    --eq-shadow-card-tight: 0 12px 36px rgba(0, 0, 0, 0.2);
    --eq-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.18);
    --eq-shadow-float: 0 16px 32px rgba(0, 0, 0, 0.35);
    --eq-shadow-dock: 0 10px 32px rgba(0, 0, 0, 0.35);

    /* Page canvas (html/body) */
    --eq-color-canvas: #1a0b3d;
    --eq-color-canvas-mid: #2e166b;
    --eq-canvas-gradient: linear-gradient(to bottom, var(--eq-color-canvas) 0%, var(--eq-color-canvas-mid) 100%);

    --eq-glass-hairline: rgba(255, 255, 255, 0.1);
    --eq-glass-fill-input: rgba(255, 255, 255, 0.07);
    --eq-glass-fill-muted: rgba(255, 255, 255, 0.05);
    --eq-glass-fill-ghost: rgba(255, 255, 255, 0.04);
    --eq-glass-fill-trace: rgba(255, 255, 255, 0.03);

    /* Repeated on-glass text alphas */
    --eq-text-on-glass: rgba(255, 255, 255, 0.92);
    --eq-text-body-soft: rgba(255, 255, 255, 0.9);
    --eq-text-subtle: rgba(255, 255, 255, 0.78);
    --eq-text-meta: rgba(255, 255, 255, 0.65);

    --eq-gradient-primary: linear-gradient(180deg, #2f67ff 0%, #2a56ee 100%);
    --eq-gradient-menu-overlay: linear-gradient(180deg, rgba(22, 10, 56, 0.6) 0%, rgba(10, 8, 38, 0.72) 100%);

    --eq-glass-stroke-bright: rgba(255, 255, 255, 0.2);
    --eq-glass-border-medium: rgba(255, 255, 255, 0.24);
    --eq-text-emphasis: rgba(255, 255, 255, 0.95);
    --eq-text-caption: rgba(255, 255, 255, 0.72);
    --eq-text-secondary: rgba(255, 255, 255, 0.88);
    --eq-text-placeholder: rgba(255, 255, 255, 0.45);
    --eq-text-dim: rgba(255, 255, 255, 0.5);
    --eq-surface-video-scrim: rgba(6, 10, 22, 0.5);

    --eq-accent-soft-hover: rgba(78, 130, 255, 0.22);
}

body.equinox-shell {
    --eq-admin-offset: 0px;
    --eq-topbar-height: 0px;
    --eq-nav-viewport-offset: 0px;
    --eq-nav-height: 68px;
    /* Air between header/nav and inner-page content (not homepage). */
    --eq-inner-content-offset: 1.6rem;
}

body.equinox-shell.admin-bar {
    --eq-admin-offset: 32px;
}