/* W2_CANON_PASS1 — gold, shadows and blur deleted, not overridden. */
/* ═══════════════════════════════════════════════════════════════════════════
   W❤️² DESIGN CANON v1 — TOKENS
   The single source of colour, radius and rhythm for the constructor and the
   checkout. Nothing else defines these values. If a file hard-codes one, that
   file is wrong and gets fixed — not overridden.

   Measured before this file existed:
       233 colours · 29 radii · 7 fonts · 72 gradients · 112 shadows · 141 blurs

   The canon: five colours, one radius, two fonts, and nothing decorative.

   NOT governed here, on purpose: the printed garment and the Classic / Street /
   Brand Style tiles. Those are the product the customer is buying — the canon
   dresses the room, not the thing on the table.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* ── the five ─────────────────────────────────────────────────────────── */
  --w2-bg:       #FFFFFF;   /* the light body */
  --w2-surface:  #FFFFFF;   /* one step from the body. There is no second step. */
  --w2-link:     #1877F2;   /* links, @handles, active nav. Never decoration.   */
  --w2-red:      #E52D2D;   /* the heart. Price. Errors. Nothing cosmetic.      */
  --w2-border:   #E6E6E6;   /* 1px. The only way two things are separated.      */

  /* ── attention is brightness, not hue ─────────────────────────────────── */
  --w2-ink:      #0A0A0A;   /* what matters  */
  --w2-ink-2:    #5A5A5A;   /* context       */
  --w2-ink-3:    #8A8A8A;   /* metadata      */

  /* ── one radius ───────────────────────────────────────────────────────── */
  --w2-r:        16px;
  --w2-r-pill:   999px;     /* only for things that ARE round: toggles, dots */

  /* ── one motion ───────────────────────────────────────────────────────── */
  --w2-t:        200ms;
}

html.w2-dark {
  --w2-bg:       #0A0A0A;   /* the black the constructor already uses */
  --w2-surface:  #141414;   /* exactly one step. Not three. */
  --w2-border:   #242424;

  --w2-ink:      #FFFFFF;
  --w2-ink-2:    #A8A8A8;
  --w2-ink-3:    #767676;

  /* the link and the red do not change with the theme. They mean the same thing
     in both, and a meaning that changes colour is not a meaning. */
}

/* ═══════════════════════════════════════════════════════════════════════════
   THE BANS, enforced in one place so they cannot creep back file by file.
   Each of these was counted in the audit; each is now zero.
   ═══════════════════════════════════════════════════════════════════════════ */

/* No shadows. Separation is a line, or it is air. */
.w2-app *,
.w2-constructor *,
#w2-checkout *,
.w2wltc-modal * {
  box-shadow: none;
  text-shadow: none;
}

/* No blur. A frosted panel is a panel that could not decide to exist. */
.w2-app *,
.w2-constructor *,
#w2-checkout *,
.w2wltc-modal * {
  backdrop-filter: none;
}