/* Shared tokens — each direction overrides/extends */
:root {
  --ts-cyan: #2BA8E0;
  --ts-cyan-deep: #0E7FB8;
  --ts-pink: #E91E84;
  --ts-pink-soft: #FFB7D5;
  --ts-pink-wall: #F8D9E4;
  --ts-yellow: #FFD23F;
  --ts-mint: #7FE5C4;
  --ts-purple: #8B5CF6;
  --ts-orange: #FF7A3D;
  --ts-red: #EF4444;
  --ts-black: #0B0B0F;
  --ts-cream: #FFF7EC;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
img { display: block; max-width: 100%; }

/* Placeholder for missing imagery — striped SVG */
.ts-placeholder {
  background-image: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0 8px, rgba(0,0,0,0.04) 8px 16px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0,0,0,0.5);
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Scrollbars hidden inside artboards (DC handles this) */
.artboard-root { width: 100%; height: 100%; overflow: auto; }
.artboard-root::-webkit-scrollbar { display: none; }
.artboard-root { scrollbar-width: none; }