/* ========================================
   THEME.CSS - SMACSS theme layer
   ======================================== */

/*
  Default theme is driven by :root variables in variables.css.
  This file is intentionally thin and scoped to theme concerns.
*/

:root {
  --theme-surface-elevated: #ffffff;
  --theme-backdrop: rgba(15, 23, 42, 0.55);
}

/* Optional future theme hook */
[data-theme="dark"] {
  --bg: #0f172a;
  --surface: #111827;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --border: #1f2937;
}

/* White-label/theme utility hooks */
.theme-surface-elevated {
  background: var(--theme-surface-elevated);
}

.theme-backdrop {
  background: var(--theme-backdrop);
}