/* Shared design tokens for the Stagedoor brand pages (/rewards, /download).
   Scoped to the page wrappers so they do not leak into the LTD global stylesheet. */
.rewards-page,
.download-page {
    --purple: #630B78;
    --purple-mid: #7D1296;
    --purple-pale: #F5EEF8;
    --off-white: #FAFAF9;
    --white: #FFFFFF;
    --ink: #1A1018;
    --ink-mid: #4A3B52;
    --ink-light: #7A6985;
    --rule: rgba(99, 11, 120, 0.1);
    --gold: #C4973A;
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 3.5rem;
    --space-xl: 7rem;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 100px;
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.4s ease;
}

/* Visually hidden until focused — used by Stagedoor skip links.
   Rendered as a sibling of .download-page (not a descendant), so the scoped
   custom properties above are not in scope. Colours are hard-coded here. */
.stagedoor-skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    background: #FFFFFF;
    color: #630B78;
    padding: 0.75rem 1rem;
    font-family: 'Archivo', sans-serif;
    font-weight: 700;
    text-decoration: none;
    border-radius: 0 0 8px 0;
    z-index: 100;
}

.stagedoor-skip-link:focus {
    left: 0;
    outline: 2px solid #630B78;
    outline-offset: 2px;
}