/* Dotty Retro DS · surfaces.css */

/* ─────────────────────────────────────────
   2. SURFACES
   ───────────────────────────────────────── */
.ds-paper { background: #fff; }
.ds-wash {
  /* Flat page/canvas fill — stripes live on panels now */
  background: var(--ds-wash);
}
.ds-graphite { background: #1a1a1a; color: #fff; }
.ds-charcoal {
  background: linear-gradient(to bottom, #4a4a4a, #1f1f1f);
  color: #fff;
}

/* 1px window stripes — classic Mac OS X panel fill */
.ds-lined {
  background-color: #fff;
  background-image: repeating-linear-gradient(
    to bottom,
    #fff 0px,
    #fff 1px,
    var(--ds-panel-stripe) 1px,
    var(--ds-panel-stripe) 2px
  );
  background-size: 100% 2px;
}

.ds-metal {
  background: linear-gradient(
    to bottom,
    #fbfbfb 0%,
    #e8e8e8 45%,
    #d4d4d4 55%,
    #ececec 100%
  );
}