@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&family=Barlow:wght@400;500;600;700&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Demo: electric blue background */
  --bg:           #0055FF;
  --bg2:          #0044CC;
  --surface:      rgba(255,255,255,0.12);
  --surface2:     rgba(255,255,255,0.07);
  --border:       rgba(255,255,255,0.2);
  --text:         #ffffff;
  --text-dim:     rgba(255,255,255,0.6);
  --accent:       #FFD700;   /* gold */
  --accent2:      #FF4400;

  --font-d: 'Barlow Condensed', sans-serif;
  --font-b: 'Barlow', sans-serif;
}

html, body {
  width: 100%; height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-b);
  overflow: hidden;
}

.tag {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-dim);
}

.hidden { display: none !important; }

/* ── Diagonal accent stripe (signature element) ──────────────────────────── */
.stripe {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(135deg,
    rgba(255,215,0,0.08) 0%,
    transparent 40%,
    transparent 60%,
    rgba(255,68,0,0.06) 100%);
  pointer-events: none;
}