/* ═══ Shared Design Tokens — The Internet's Wishing Well ═══
   Import this file into ALL pages to ensure unified branding.
   Source of truth: style.css :root block (lines 7-27).
*/

:root {
    /* — Cosmic palette — */
    --void: #06060e;
    --void-deep: #020208;
    --nebula-purple: #7b2ff7;
    --nebula-blue: #00f5ff;
    --astral-gold: #d4a745;
    --warm-amber: #e8a838;
    --starlight: #e8e0ff;
    --soft-lavender: rgba(232, 224, 255, 0.7);
    --glass-bg: rgba(10, 10, 30, 0.65);
    --glass-border: rgba(232, 224, 255, 0.08);

    /* — Typography — */
    --font-display: 'Cinzel Decorative', 'Cinzel', serif;
    --font-heading: 'Cinzel', serif;
    --font-body: 'Outfit', system-ui, sans-serif;
    /* Sacred / ceremonial — used for ritual sentences (arrival cinematic,
       wish ceremony outro, Vigil threshold). Italic-leaning for the held
       sentences. Fallback is Georgia which ships everywhere. */
    --font-sacred: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;

    /* — Transitions — */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ═══ Cosmic Footer (shared across all pages) ═══ */
.cosmic-footer-standalone {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0.5rem 1.5rem 0.4rem;
    background: linear-gradient(to top, rgba(6, 6, 14, 0.95) 0%, rgba(6, 6, 14, 0.5) 60%, transparent 100%);
    pointer-events: auto;
}

.cosmic-footer-standalone .footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 1rem;
}

.cosmic-footer-standalone .footer-brand {
    font-family: var(--font-heading, 'Cinzel', serif);
    font-size: 0.72rem;
    font-weight: 600;
    color: rgba(232, 224, 255, 0.4);
    letter-spacing: 0.04em;
}

.cosmic-footer-standalone .footer-links {
    display: flex;
    gap: 1.2rem;
}

.cosmic-footer-standalone .footer-links a {
    font-size: 0.7rem;
    color: rgba(232, 224, 255, 0.4);
    text-decoration: none;
    transition: color 0.2s ease;
    letter-spacing: 0.03em;
}

.cosmic-footer-standalone .footer-links a:hover {
    color: var(--nebula-blue, #00f5ff);
}

.cosmic-footer-standalone .footer-credit {
    font-size: 0.65rem;
    color: rgba(232, 224, 255, 0.3);
}

.cosmic-footer-standalone .footer-credit a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cosmic-footer-standalone .footer-credit a:hover {
    color: var(--nebula-blue, #00f5ff);
}

@media (max-width: 640px) {
    .cosmic-footer-standalone .footer-inner {
        flex-direction: column;
        text-align: center;
        gap: 0.4rem;
    }
}