/* Darkroom — direction B (unitedpotatoes.com). Phase 4 will finish this skin;
   for now it mirrors the white theme's structure on comp B's palette. */
@import url('theme-white.css');

body.theme-dark { background:#000; color:#f5f5f7; }
body.theme-dark nav { background:rgba(0,0,0,.7); border-bottom-color:#2a2a2e; }
body.theme-dark .brand { letter-spacing:.32em; text-transform:uppercase; font-size:13px; font-weight:500; }
body.theme-dark .nav-links a { color:#a1a1a6; text-transform:uppercase; font-size:12px; letter-spacing:.14em; }
body.theme-dark .nav-links a:hover { color:#fff; }
body.theme-dark .hero h1 { font-weight:200; }
body.theme-dark .hero .lede, body.theme-dark .card .medium, body.theme-dark .signup p,
body.theme-dark .detail-info .medium, body.theme-dark .buy-note, body.theme-dark .crumb,
body.theme-dark footer .wrap, body.theme-dark .spec-row dt { color:#a1a1a6; }
body.theme-dark .card img, body.theme-dark .detail-photo img#main-photo { background:#111; border-radius:0; }
body.theme-dark .card h3 { font-weight:300; font-size:20px; }
body.theme-dark .signup { background:transparent; border:1px solid #2a2a2e; }
body.theme-dark .signup input { background:transparent; border-color:#3a3a3e; color:#fff; }
body.theme-dark .btn { background:#fff; color:#000; }
body.theme-dark .btn:hover { background:#d6d6d6; }
body.theme-dark .story p { color:#d0d0d4; }
body.theme-dark .one { color:#e8b56a; background:transparent; padding:0;
  letter-spacing:.26em; text-transform:uppercase; font-size:11px; }
body.theme-dark .specs, body.theme-dark .spec-row, body.theme-dark footer { border-color:#2a2a2e; }

/* Token remap — components that read the vars go dark automatically. */
body.theme-dark { --ink:#f5f5f7; --sub:#a1a1a6; --hair:#2a2a2e; --wash:#17151a; }
body.theme-dark .buyer-form input, body.theme-dark .buyer-form textarea {
  background:transparent; border-color:#3a3a3e; color:#fff; }
body.theme-dark .payment-note p, body.theme-dark .confirmation .lede { color:#d0d0d4; }
body.theme-dark .notice.err { background:#3a1512; color:#e88b7d; }
body.theme-dark .about-band a { color:#e8b56a; }