/* Dotty Retro DS · tokens.css */

/* ─────────────────────────────────────────
   1. TOKENS
   ───────────────────────────────────────── */
:root {
  --ds-ink: #333;
  --ds-ink-muted: #666;
  --ds-ink-faint: #999;
  --ds-rule: #d0d0d0;
  --ds-rule-strong: #a1a1a1;
  --ds-paper: #fff;
  --ds-wash: #f2f2f2;
  --ds-wash-stripe: #ebebeb;
  --ds-panel-stripe: #f0f0f0;
  --ds-metal-top: #f7f7f7;
  --ds-metal-bot: #c8c8c8;
  --ds-aqua: #4f92d8;
  --ds-aqua-deep: #1e5fa8;
  --ds-radius: 5px;
  --ds-radius-lg: 8px;
  /* Float for any panel/card sitting directly on the page bg */
  --ds-shadow:
    0 1px 0 rgba(255, 255, 255, 0.85) inset,
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.08);
  --ds-shadow-panel: var(--ds-shadow);
  --ds-shadow-soft: var(--ds-shadow);
  --ds-shadow-promo: var(--ds-shadow);
  --ds-max: 980px;
  /* macOS desktop wallpaper behind customer device frames */
  --ds-desktop-bg: url("/assets/images/backgrounds/downsampled/12-Light.jpg");
}