/* sfti.ui/shop/shop.css — the STOREFRONT's own card, in the marketing visual language.
 *
 * The palette, the two type families and the component names (.card, .section-title, .holo-nav,
 * .ql-badge) are the SAME ones index.html uses, so the Shop reads as one face with the front door
 * rather than a second site wearing our colours.
 *
 * ⚠ THE TOKEN BLOCK BELOW IS DECLARED TWICE — here and inside index.html's inline <style>. That is
 * a real duplication and it is the drift shape this codebase keeps paying for (one vocabulary, two
 * registries). It is NOT hidden: index.html is a 1,280-line monolith whose whole stylesheet is
 * inline, and splitting it is a separate fold with its own "must look identical" proof obligation.
 * Filed as its own task. Until that lands, a palette edit must touch BOTH files.
 */

:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #12121a;
  --accent-red: #e63946;
  --accent-gold: #d4af37;
  --accent-silver: #c0c0c0;
  --text-primary: #e8e8f0;
  --text-secondary: #9a9aaa;
  --accent-cyan: #00e5ff;
}