/* ═══════════════════════════════════════════
   POKIT — textures.css
   Wallpapers · Room Backgrounds · Surfaces
   "Every room has its own wallpaper"
   ═══════════════════════════════════════════ */

/* ── Room Background Colors ── */
#screen-home        { --room-bg: var(--bg); }
#screen-accounts    { --room-bg: #FFF5F0; }
#screen-paycheck    { --room-bg: #FFFBF5; }
#screen-expenses    { --room-bg: #FAFAF5; }
#screen-debts       { --room-bg: #F8F0F8; }
#screen-jars        { --room-bg: var(--bg); }
#screen-calendar    { --room-bg: #F8F5EE; }
#screen-tarot       { --room-bg: transparent; }
#screen-settings    { --room-bg: #F8F6F0; }

[data-theme="dark"] #screen-accounts  { --room-bg: #1A1518; }
[data-theme="dark"] #screen-paycheck  { --room-bg: #1A1815; }
[data-theme="dark"] #screen-expenses  { --room-bg: #16161A; }
[data-theme="dark"] #screen-debts     { --room-bg: #18101E; }
[data-theme="dark"] #screen-calendar  { --room-bg: #18150E; }
[data-theme="dark"] #screen-settings  { --room-bg: #14120E; }

/* ── Oracle: Always Dark (the Attic) ── */
#screen-tarot {
  background: linear-gradient(180deg, #1A1225 0%, #2D1F40 50%, #1A1225 100%);
  color: #F0E8F0;
  border-radius: 0;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 32px;
  padding-right: 32px;
}

/* ── Wooden Surface (used behind jars, shelf areas) ── */
.surface-wood {
  background: linear-gradient(
    90deg,
    transparent 0%, transparent 2%,
    rgba(139,90,43,0.04) 2%, rgba(139,90,43,0.04) 3%,
    transparent 3%, transparent 15%,
    rgba(139,90,43,0.03) 15%, rgba(139,90,43,0.03) 16%,
    transparent 16%
  );
}

/* ── Linen Surface (for form backgrounds) ── */
.surface-linen {
  background: var(--linen);
  background-image: url("data:image/svg+xml,%3Csvg width='4' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='4' fill='none'/%3E%3Crect x='0' y='0' width='1' height='1' fill='%23D4788E08'/%3E%3C/svg%3E");
}

/* ── Paper Surface (for notebooks, recipes) ── */
.surface-paper {
  background: #FFFEF8;
}
[data-theme="dark"] .surface-paper {
  background: var(--card);
}