/* SPINZ mockup — three theme token systems */

/* ============ 1. STUDIO CONSOLE — dark producer workbench ============ */
[data-theme="studio"] {
  --bg: #0c0d10;
  --surface: #131519;
  --surface2: #1b1e24;
  --ink: #e9ebef;
  --muted: #8f96a3;
  --border: #262a32;
  --hover: #1e2229;
  --accent: #c7f464;
  --on-accent: #0c0d10;
  --danger: #ff6b6b;
  --success: #7bd88f;
  --demobg: #08090b;
  --demotext: #8f96a3;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}
[data-theme="studio"] .screenhead__title { font-size: 28px; }
[data-theme="studio"] .brand__mark { border-radius: 4px; box-shadow: 0 0 0 3px color-mix(in oklab, #c7f464 18%, transparent); }

/* ============ 2. CLEAN GALLERY — light, editorial, artwork-first ============ */
[data-theme="gallery"] {
  --bg: #faf8f4;
  --surface: #ffffff;
  --surface2: #f3f0ea;
  --ink: #1c1a17;
  --muted: #7b756c;
  --border: #e7e2d9;
  --hover: #f0ede6;
  --accent: #2f3a8f;
  --on-accent: #ffffff;
  --danger: #c2443f;
  --success: #3f7d4e;
  --demobg: #f3f0ea;
  --demotext: #5c564c;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-display: 'Fraunces', Georgia, serif;
  --font-mono: 'JetBrains Mono', monospace;
}
[data-theme="gallery"] .screenhead__title { font-weight: 500; letter-spacing: -0.02em; }
[data-theme="gallery"] .brand__mark { border-radius: 50%; }
[data-theme="gallery"] .card { box-shadow: 0 1px 2px rgba(28,26,23,.04); }

/* ============ 3. CULTURE DROP — bold streetwear, gold accent ============ */
[data-theme="drop"] {
  --bg: #0f0e0c;
  --surface: #171511;
  --surface2: #201c16;
  --ink: #f2efe8;
  --muted: #a99f8e;
  --border: #2c271f;
  --hover: #211d16;
  --accent: #d8b25a;        /* bronze/gold */
  --on-accent: #151208;
  --danger: #e5593f;
  --success: #8fb04f;
  --demobg: #0a0908;
  --demotext: #a99f8e;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-display: 'Archivo Black', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}
[data-theme="drop"] .screenhead__title { text-transform: uppercase; letter-spacing: .01em; font-size: 30px; }
[data-theme="drop"] .brand__name { letter-spacing: .08em; text-transform: uppercase; }
[data-theme="drop"] .brand__mark { border-radius: 2px; }
[data-theme="drop"] .btn--primary { text-transform: uppercase; letter-spacing: .05em; font-size: 13px; }
[data-theme="drop"] .planbadge { text-transform: uppercase; letter-spacing: .06em; }

/* bird's-eye — gold appears ONLY as accent, bronze on white for contrast in checkout */
[data-theme="drop"] .checkout-card { background: #ffffff; color: #171511; border: 1px solid #2c271f; }
[data-theme="drop"] .checkout-card h3 { color: #171511; }
[data-theme="drop"] .checkout-card .muted, [data-theme="drop"] .checkout-card label { color: #6b6355; }
[data-theme="drop"] .checkout-card .input { background: #ffffff; border-color: #d8d2c5; color: #171511; }