/**
 * Page-Level Style Overrides
 *
 * These classes are injected via body_class filter based on the
 * tgs_page_style post meta. Each variant overrides the CSS custom
 * properties set by theme.json to create a curated page-level look.
 */

/* ─── Light Mode ───────────────────────────────────────────────────────────── */
.tgs-page-style--light {
  --wp--preset--color--tgs-black: #2D3748;
  --wp--preset--color--tgs-surface: #FFFFFF;
  background-color: #FFFFFF;
  color: #2D3748;
}

/* ─── Dark Mode ────────────────────────────────────────────────────────────── */
.tgs-page-style--dark {
  --wp--preset--color--tgs-white: #1A1A2E;
  --wp--preset--color--tgs-black: #F0F4F8;
  --wp--preset--color--tgs-surface: #16213E;
  --wp--preset--color--tgs-border: #2D3A5C;
  --wp--preset--color--tgs-muted: #A0AEC0;
  background-color: #1A1A2E;
  color: #F0F4F8;
}

.tgs-page-style--dark .wp-block-button__link {
  background-color: var(--wp--preset--color--tgs-accent);
  color: #1A1A2E;
}

/* ─── Accent Mode ──────────────────────────────────────────────────────────── */
.tgs-page-style--accent {
  --wp--preset--color--tgs-surface: #FFF8E7;
  --wp--preset--color--tgs-primary: #F0A830;
  --wp--preset--color--tgs-primary-dark: #D4922A;
  background-color: #FFF8E7;
}

.tgs-page-style--accent a {
  color: var(--wp--preset--color--tgs-primary);
}

/* ─── Plain Mode ───────────────────────────────────────────────────────────── */
.tgs-page-style--plain {
  --wp--preset--color--tgs-primary: #4A5568;
  --wp--preset--color--tgs-secondary: #2D3748;
  --wp--preset--color--tgs-accent: #718096;
  --wp--preset--color--tgs-surface: #F7FAFC;
  background-color: #FFFFFF;
  color: #2D3748;
}