/* ============================================================================
   IEEE FSEGS — design tokens
   One palette, one type scale, two moods: warm "paper" for the public site and
   a deep "console" for the portal. The portal darkens the same family of accents
   rather than inventing a second brand, so the two read as one product.
   ========================================================================= */

:root {
    /* Ink & paper -------------------------------------------------------- */
    --ink: #0A0F1C;
    --ink-soft: #1B2436;
    --ink-muted: #5A6478;
    --line: rgba(10, 15, 28, 0.12);
    --line-strong: rgba(10, 15, 28, 0.22);
    --paper: #F1EDE4;
    --paper-2: #FAF8F3;
    --card: #FFFFFF;

    /* Brand accents ------------------------------------------------------ */
    --blue: #00629B;
    --blue-deep: #022B4C;
    --mint: #10D6BE;
    --mint-deep: #068F80;
    --coral: #FF5B3A;
    --amber: #FFB020;
    --violet: #6C5CE7;

    --accent: var(--blue);
    --accent-contrast: #FFFFFF;

    /* Type --------------------------------------------------------------- */
    --font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
    --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

    /* Shape & depth ------------------------------------------------------ */
    --r-sm: 10px;
    --r: 16px;
    --r-lg: 24px;
    --r-xl: 34px;
    --r-pill: 999px;

    --shadow-sm: 0 1px 2px rgba(10, 15, 28, 0.06), 0 8px 20px -12px rgba(10, 15, 28, 0.20);
    --shadow: 0 2px 6px rgba(10, 15, 28, 0.06), 0 30px 60px -34px rgba(10, 15, 28, 0.40);
    --shadow-lift: 0 4px 10px rgba(10, 15, 28, 0.08), 0 46px 80px -40px rgba(10, 15, 28, 0.50);

    /* Motion ------------------------------------------------------------- */
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

    /* Layout ------------------------------------------------------------- */
    --maxw: 1240px;
    --gutter: clamp(20px, 5vw, 64px);
    --scroll: 0%;
}

/* ---- Portal mood: the same accents, inverted onto a console surface --- */
.portal {
    --p-bg: #070B14;
    --p-bg-2: #0A1120;
    --p-panel: #0E1626;
    --p-panel-2: #141E33;
    --p-line: rgba(150, 180, 230, 0.12);
    --p-line-strong: rgba(150, 180, 230, 0.22);
    --p-text: #E9EEF8;
    --p-muted: #8895AD;
    --p-accent: #00629B;
    --p-accent-2: #6C8CFF;
    --p-amber: #FFC24B;
    --p-coral: #FF6B4A;
    --p-violet: #9B7BFF;
    --p-shadow: 0 30px 70px -40px rgba(0, 0, 0, 0.9);
}