/* ============================================================
   Good Game – design-tokens (Design v1, ljust premium-tema)
   Källa: design/goodgame-app-v1/goodgame-design-spec.html
   En sanningskälla för app + webb. Ändra HÄR → slår igenom överallt.
   Serveras som: _content/GoodGame.Ui/css/gg-theme.css
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400;500;600&display=swap');

:root {
    /* Varumärke */
    --gg-primary: #4c5d6d;          /* header, primärknappar, aktiva element */
    --gg-primary-ink: #ffffff;      /* text/ikon på primary */
    --gg-accent: #7ec8d0;           /* teal – live-kostnad, highlights */

    /* Ytor */
    --gg-bg: #f5f7f9;               /* sidbakgrund */
    --gg-surface: #ffffff;          /* kort, inputs, listor */
    --gg-surface-2: #f5f7f9;        /* sekundärt kort / panel i kort */
    --gg-surface-3: #f0f4f7;        /* subtil (stat-boxar) */
    --gg-border: #edf0f3;           /* kort / avdelare */
    --gg-border-strong: #d0d5dd;    /* inputs */

    /* Text */
    --gg-text: #1a2b3c;
    --gg-text-2: #888888;
    --gg-text-3: #aaaaaa;

    /* Status */
    --gg-success: #27ae60;
    --gg-green: #27ae60;            /* alias för befintliga komponenter */
    --gg-danger: #c0392b;
    --gg-warning: #e67e22;
    --gg-info: #185fa5;

    /* Mjuka statusbakgrunder (pillar/banners) */
    --gg-success-soft: #e6f5ec;
    --gg-danger-soft: #fdeaea;
    --gg-warning-soft: #fff3e0;
    --gg-info-soft: #e8f3fb;

    /* Typografi */
    --gg-font: 'Inter', system-ui, -apple-system, sans-serif;
    --gg-font-display: 'Playfair Display', Georgia, serif;

    /* Form */
    --gg-radius: 14px;              /* kort + knappar */
    --gg-radius-input: 12px;
    --gg-radius-pill: 20px;
}

/* --- Juridik (integritetspolicy / användarvillkor) --- */
.gg-legal {
    max-width: 720px;
    margin: 0 auto;
    padding: 24px 20px calc(80px + env(safe-area-inset-bottom, 0px));
    font-family: var(--gg-font, 'Inter', sans-serif);
    color: var(--gg-text, #1a2b3c);
    line-height: 1.6;
}
.gg-legal h1 { font-size: 24px; margin: 0 0 4px; }
.gg-legal .gg-legal-updated { color: var(--gg-text-2, #888); font-size: 13px; margin-bottom: 20px; }
.gg-legal h2 { font-size: 17px; margin: 24px 0 6px; color: var(--gg-primary, #4c5d6d); }
.gg-legal p, .gg-legal li { font-size: 14.5px; }
.gg-legal ul { padding-left: 20px; margin: 6px 0; }
.gg-legal a { color: var(--gg-info, #185fa5); }
.gg-legal .gg-legal-back { display: inline-block; margin-bottom: 12px; color: var(--gg-primary, #4c5d6d); text-decoration: none; font-weight: 600; }