/* CreArDi — Design tokens compartidos */
:root {
  --cd-blue: #1B9AD8;
  --cd-magenta: #E5237B;
  --cd-orange: #F39200;
  --cd-turquoise: #3FC4C4;
  --cd-yellow: #FFC83D;

  --cd-cream: #FAF7F2;
  --cd-paper: #F4EFE6;
  --cd-white: #FFFFFF;
  --cd-ink: #1A1A2E;
  --cd-ink-soft: #4A4A5E;
  --cd-ink-muted: #8A8A9A;
  --cd-line: #E8E2D5;
}

/* Placeholder común con franjas + texto monospace */
.cd-ph {
  position: relative;
  overflow: hidden;
  background-color: var(--cd-paper);
  background-image: repeating-linear-gradient(
    135deg,
    rgba(26,26,46,0.04) 0 1px,
    transparent 1px 14px
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cd-ink-soft);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.cd-ph::after {
  content: "";
  position: absolute; inset: 10px;
  border: 1px dashed rgba(26,26,46,0.18);
  pointer-events: none;
}
.cd-ph > span {
  position: relative;
  z-index: 1;
  background: rgba(250,247,242,0.92);
  padding: 6px 10px;
  border-radius: 999px;
}