/* Public Cards & Kits storefront (/shop).
   tdy-tokens.css + tdy-utilities.css replace the Tailwind Play CDN.
   This sheet holds shop tokens and the few utilities that sheet does not. */

:root {
    --fp-primary: var(--tdy-blue-500, #3b82f6);
    --fp-accent: #06d6a0;
    --fp-purple: var(--tdy-purple-500, #8b5cf6);
    --fp-dark: var(--tdy-slate-900, #0f172a);
    --fp-card: var(--tdy-slate-800, #1e293b);
    --fp-text: var(--tdy-slate-50, #f8fafc);
    --fp-text-muted: var(--tdy-slate-400, #94a3b8);
    --fp-border: rgba(255, 255, 255, 0.06);
    --fp-border-default: var(--fp-border);
    --fp-gradient: linear-gradient(135deg, #3b82f6 0%, #06d6a0 100%);
}

html:not(.dark),
[data-theme="light"] {
    --fp-dark: var(--tdy-slate-50, #f8fafc);
    --fp-card: #ffffff;
    --fp-text: var(--tdy-slate-900, #0f172a);
    --fp-text-muted: var(--tdy-slate-500, #64748b);
    --fp-border: rgba(0, 0, 0, 0.08);
    --fp-border-default: var(--fp-border);
}

.dark,
[data-theme="dark"] {
    --fp-dark: var(--tdy-slate-900, #0f172a);
    --fp-card: var(--tdy-slate-800, #1e293b);
    --fp-text: var(--tdy-slate-50, #f8fafc);
    --fp-text-muted: var(--tdy-slate-400, #94a3b8);
    --fp-border: rgba(255, 255, 255, 0.06);
    --fp-border-default: var(--fp-border);
}

body {
    font-family: Inter, system-ui, sans-serif;
    background: var(--fp-dark);
    color: var(--fp-text);
    -webkit-font-smoothing: antialiased;
}

.fp-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--fp-gradient);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 9px 22px;
    border-radius: 9px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

.fp-cta-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

[x-cloak] { display: none !important; }

/* Arbitrary / missing utilities the Play CDN used to emit for this page. */
.pt-\[96px\] { padding-top: 96px; }
.h-\[72px\] { height: 72px; }
.aspect-\[4\/3\] { aspect-ratio: 4 / 3; }
.tracking-\[0\.16em\] { letter-spacing: 0.16em; }
.pb-24 { padding-bottom: 6rem; }
.space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: 2.5rem; }