/*
 * Stack Gamer Design System - tokens definitivos.
 * ETAPA 21.12-T.2: base global carregada somente no preview administrativo.
 * Escopo obrigatorio: .theme-stackgamer-definitive-preview
 */

.theme-stackgamer-definitive-preview {
    --sg-bg-primary: #050711;
    --sg-bg-secondary: #080b16;
    --sg-bg-deep: #000d16;
    --sg-surface: #0b101b;
    --sg-surface-elevated: #111522;
    --sg-surface-purple: #12051f;
    --sg-surface-glass: rgba(11, 16, 27, .78);
    --sg-cyan: #00f0ff;
    --sg-cyan-soft: #4cf7ff;
    --sg-purple: #7800ff;
    --sg-purple-soft: #a020f0;
    --sg-magenta: #ff00e6;
    --sg-aqua: #00ffc6;
    --sg-success: #22e88f;
    --sg-warning: #ffcc3d;
    --sg-danger: #ff4f6d;
    --sg-text-primary: #f7f8ff;
    --sg-text-secondary: #a6afbd;
    --sg-text-muted: #7e8a9a;
    --sg-border: rgba(117, 95, 170, .32);
    --sg-border-cyan: rgba(0, 240, 255, .65);
    --sg-border-magenta: rgba(255, 0, 230, .65);
    --sg-gradient-primary: linear-gradient(110deg, var(--sg-cyan) 0%, var(--sg-purple) 52%, var(--sg-magenta) 100%);
    --sg-gradient-secondary: linear-gradient(135deg, rgba(0, 240, 255, .12), rgba(120, 0, 255, .18) 55%, rgba(255, 0, 230, .08));
    --sg-gradient-panel: linear-gradient(145deg, rgba(11, 16, 27, .94), rgba(18, 5, 31, .92));
    --sg-gradient-panel-soft: linear-gradient(145deg, rgba(11, 16, 27, .88), rgba(8, 11, 22, .82));
    --sg-gradient-danger: linear-gradient(110deg, #ff4f6d 0%, #ff00e6 100%);
    --sg-gradient-success: linear-gradient(110deg, #00ffc6 0%, #22e88f 100%);
    --sg-gradient-warning: linear-gradient(110deg, #ffcc3d 0%, #ff8a2a 100%);
    --sg-glow-cyan: 0 0 22px rgba(0, 240, 255, .24);
    --sg-glow-purple: 0 0 30px rgba(120, 0, 255, .28);
    --sg-glow-magenta: 0 0 24px rgba(255, 0, 230, .22);
    --sg-shadow-panel: 0 22px 60px rgba(0, 0, 0, .44);
    --sg-radius-small: 5px;
    --sg-radius-medium: 8px;
    --sg-radius-large: 12px;
    --sg-space-1: 4px;
    --sg-space-2: 8px;
    --sg-space-3: 12px;
    --sg-space-4: 16px;
    --sg-space-5: 24px;
    --sg-space-6: 32px;
    --sg-transition-fast: 150ms ease;
    --sg-transition-normal: 240ms ease;
    --sg-font-display: "Orbitron", "Rajdhani", system-ui, sans-serif;
    --sg-font-ui: "Rajdhani", system-ui, sans-serif;
    --sg-font-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.theme-stackgamer-definitive-preview,
.theme-stackgamer-definitive-preview * {
    box-sizing: border-box;
}

.theme-stackgamer-definitive-preview {
    position: relative;
    min-height: 100vh;
    color: var(--sg-text-primary);
    background:
        radial-gradient(circle at 12% 7%, rgba(0, 240, 255, .13), transparent 30rem),
        radial-gradient(circle at 88% 16%, rgba(120, 0, 255, .18), transparent 34rem),
        radial-gradient(circle at 78% 72%, rgba(255, 0, 230, .10), transparent 30rem),
        linear-gradient(rgba(5, 7, 17, .95), rgba(5, 7, 17, .985)),
        repeating-linear-gradient(90deg, transparent 0 63px, rgba(0, 240, 255, .032) 64px),
        repeating-linear-gradient(0deg, transparent 0 63px, rgba(120, 0, 255, .035) 64px);
    background-attachment: fixed;
    font-family: var(--sg-font-ui);
}

.theme-stackgamer-definitive-preview::before,
.theme-stackgamer-definitive-preview::after {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    content: "";
}

.theme-stackgamer-definitive-preview::before {
    opacity: .34;
    background:
        linear-gradient(135deg, transparent 0 68%, rgba(0, 240, 255, .18) 68.15% 68.45%, transparent 68.6%),
        linear-gradient(45deg, transparent 0 78%, rgba(255, 0, 230, .13) 78.15% 78.45%, transparent 78.6%),
        linear-gradient(90deg, transparent 0 12%, rgba(120, 0, 255, .10) 12.2% 12.35%, transparent 12.6%),
        radial-gradient(circle at 8% 62%, rgba(0, 240, 255, .08), transparent 18rem);
}

.theme-stackgamer-definitive-preview::after {
    opacity: .22;
    background:
        linear-gradient(90deg, rgba(0, 240, 255, .20) 0 1px, transparent 1px 100%),
        linear-gradient(0deg, rgba(120, 0, 255, .18) 0 1px, transparent 1px 100%);
    background-size: 94px 94px;
    mask-image: radial-gradient(circle at 50% 35%, black 0 58%, transparent 82%);
}

.theme-stackgamer-definitive-preview :where(h1, h2, h3, .sgds-display, .sgds-price) {
    font-family: var(--sg-font-display);
    letter-spacing: 0;
    line-height: 1.12;
    text-wrap: balance;
}

.theme-stackgamer-definitive-preview :where(p, li, dd, label, input, select, textarea, button) {
    font-family: var(--sg-font-ui);
    letter-spacing: 0;
}

.theme-stackgamer-definitive-preview :where(p, li, dd) {
    color: var(--sg-text-secondary);
    line-height: 1.55;
}

.theme-stackgamer-definitive-preview :where(.product-price, .modal-price, .checkout-total, .cart-total, .sgds-price) {
    font-family: var(--sg-font-display);
    font-variant-numeric: tabular-nums;
}

.theme-stackgamer-definitive-preview.sg-page-checkout,
.theme-stackgamer-definitive-preview.sg-admin-page {
    background:
        radial-gradient(circle at 12% 8%, rgba(0, 240, 255, .08), transparent 28rem),
        radial-gradient(circle at 88% 18%, rgba(120, 0, 255, .10), transparent 30rem),
        linear-gradient(rgba(5, 7, 17, .985), rgba(5, 7, 17, .995));
}