/* Portal design tokens (the landing page look). Loaded first by LandingAsset and MainAsset.
   Use var(--ua-..., <fallback>) in the portal stylesheets instead of literal values. */

:root {
    /* surfaces (dark) */
    --ua-bg: #1C1C1C;
    --ua-bg-deep: #161616;
    --ua-surface: #242424;
    --ua-surface-2: #2C2C2C;
    --ua-glass: rgba(255, 255, 255, .04);
    --ua-glass-strong: rgba(255, 255, 255, .08);
    --ua-line: rgba(255, 255, 255, .10);
    --ua-line-strong: rgba(255, 255, 255, .18);

    /* text */
    --ua-text: #FFFFFF;
    --ua-text-2: rgba(255, 255, 255, .78);
    --ua-text-muted: rgba(255, 255, 255, .55);

    /* brand: olive / gold */
    --ua-accent: #959C6D;
    --ua-accent-hover: #848D51;
    --ua-accent-light: #C4C8A2;
    --ua-accent-dark: #5A4C00;
    --ua-accent-soft: rgba(149, 156, 109, .14);
    --ua-accent-ring: rgba(149, 156, 109, .45);

    /* shape */
    --ua-radius-sm: 12px;
    --ua-radius: 20px;
    --ua-radius-lg: 28px;
    --ua-radius-pill: 999px;

    /* depth */
    --ua-shadow: 0 24px 48px -24px rgba(0, 0, 0, .7);
    --ua-shadow-lift: 0 32px 60px -28px rgba(0, 0, 0, .85), 0 0 0 1px rgba(149, 156, 109, .35);

    /* motion */
    --ua-ease: cubic-bezier(.22, .8, .24, 1);
    --ua-speed: .35s;

    /* type */
    --ua-font: 'Gilroy-Regular', 'Segoe UI', Roboto, sans-serif;
    --ua-font-display: 'Montserrat-Regular', 'Gilroy-Regular', sans-serif;

    /* layout */
    --ua-header-h: 88px;
    --ua-page-max: 1440px;
    --ua-gutter: 32px;
}

@media screen and (max-width: 800px) {
    :root {
        --ua-header-h: 68px;
        --ua-gutter: 16px;
    }
}