/* PakGold Global — design tokens (GLOBAL_SPEC_V2.md §1, Phase D0).
   Every value here is EXTRACTED from the live PK site's v2.css — same greens, same
   golds, same surfaces, same shadows, light and dark — so a person who knows
   pakgold.net recognizes the global pages in one glance. Do not invent colors here;
   change v2.css first, then mirror. Mapping documented in docs/design-d0/DESIGN_TOKENS.md. */

:root, html[data-theme="light"] {
    /* palette — verbatim from v2.css :root */
    --gx-bg: #f4f5f1;
    --gx-surface: #ffffff;
    --gx-surface-2: #fbfbf9;
    --gx-ink: #131a20;
    --gx-mut: #61707e;
    --gx-border: #e5e8e2;
    --gx-brand: #0b5d3b;
    --gx-brand-soft: #e9f4ee;
    --gx-gold: #b8860b;
    --gx-gold-hi: #d4af37;
    --gx-gold-soft: #faf3dd;
    --gx-pos: #0a8a4d;
    --gx-neg: #cc3340;
    --gx-sell: #12867c;                      /* v2 sell-teal (.v2-bs-sell) */
    --gx-sell-soft: rgba(18, 134, 124, .06);
    --gx-shadow: 0 1px 2px rgba(19, 26, 32, .05), 0 8px 24px -12px rgba(19, 26, 32, .12);
    --gx-shadow-lift: 0 2px 4px rgba(19, 26, 32, .06), 0 16px 32px -12px rgba(19, 26, 32, .18);
    --gx-grad-top: rgba(212, 175, 55, .30);  /* hero gold radial */
    --gx-grad-bot: rgba(212, 175, 55, 0);
    --gx-zebra: #f7f8f4;                     /* board zebra row (bg tint of --gx-bg on white) */

    /* typography — v2 scale */
    --gx-font: "Inter", "Segoe UI", system-ui, sans-serif;
    --gx-fs-base: 15px;              /* body.v2-body */
    --gx-lh-base: 1.45;
    --gx-fs-hero: clamp(1.65rem, 1.1vw + 1.15rem, 2.6rem);  /* .v2-hero-price */
    --gx-fs-price: 1.28rem;          /* .v2-bs-price */
    --gx-fs-label: .82rem;           /* .v2-hero-label */
    --gx-fs-th: .74rem;              /* .v2-table th */
    --gx-fw-price: 800;
    --gx-ls-hero: -.03em;

    /* chrome — v2 card/chip geometry */
    --gx-radius-card: 16px;
    --gx-radius-box: 12px;           /* .v2-bs price boxes */
    --gx-radius-chip: 10px;
    --gx-pad-card: 14px 16px;
}

html[data-theme="dark"] {
    --gx-bg: #0d1117;
    --gx-surface: #151c24;
    --gx-surface-2: #1a222c;
    --gx-ink: #edf1f5;
    --gx-mut: #93a0ad;
    --gx-border: #26303b;
    --gx-brand: #35c98a;
    --gx-brand-soft: #12281e;
    --gx-gold: #e3c363;
    --gx-gold-hi: #ffd970;
    --gx-gold-soft: #2a2415;
    --gx-pos: #3ddc8f;
    --gx-neg: #ff6b78;
    --gx-sell: #2fb3a8;
    --gx-sell-soft: rgba(47, 179, 168, .10);
    --gx-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px -14px rgba(0, 0, 0, .6);
    --gx-shadow-lift: 0 2px 6px rgba(0, 0, 0, .5), 0 18px 40px -14px rgba(0, 0, 0, .7);
    --gx-grad-top: rgba(227, 195, 99, .28);
    --gx-grad-bot: rgba(227, 195, 99, 0);
    --gx-zebra: #182028;
}