/**
 * Shared marketing theme tokens — light/dark behaviour layer.
 * Lane: SYNKTRIBE-WORDPRESS-MARKETING-LIGHT-DARK-MODE-BEHAVIOR-IMPLEMENTATION-01 (Phase 1)
 */

:root {
  color-scheme: light;

  /* Surfaces */
  --st-mkt-bg: #f4f8ff;
  --st-mkt-bg-secondary: #e7eefb;
  --st-mkt-bg-page-0: #f7faff;
  --st-mkt-bg-page-1: #e9f1fb;
  --st-mkt-bg-page-end: #ffffff;
  --st-mkt-surface: rgba(255, 255, 255, 0.72);
  --st-mkt-surface-soft: rgba(255, 255, 255, 0.58);
  --st-mkt-surface-elevated: rgba(232, 240, 251, 0.94);

  /* Typography */
  --st-mkt-heading: #08111f;
  --st-mkt-heading-alt: #10233d;
  --st-mkt-text: #10233d;
  --st-mkt-text-secondary: #415b78;
  --st-mkt-text-muted: #6d83a0;
  --st-mkt-text-silver: #53667f;

  /* Chrome */
  --st-mkt-border: rgba(16, 35, 61, 0.12);
  --st-mkt-border-strong: rgba(16, 35, 61, 0.2);
  --st-mkt-header-bg: rgba(255, 255, 255, 0.72);
  --st-mkt-header-fg: #10233d;
  --st-mkt-shadow: 0 24px 80px rgba(50, 78, 123, 0.18);
  --st-mkt-glow: 0 0 0 1px rgba(255, 255, 255, 0.6), var(--st-mkt-shadow);

  /* Glass */
  --st-mkt-glass-bg: rgba(255, 255, 255, 0.78);
  --st-mkt-glass-border: rgba(16, 35, 61, 0.1);
  --st-mkt-glass-text: #10233d;

  /* Accent / neon (readable on light surfaces) */
  --st-mkt-accent: #0b6f8f;
  --st-mkt-accent-bright: #58d7ff;
  --st-mkt-neon-text: #0a5c78;
  --st-mkt-neon-border: rgba(11, 111, 143, 0.28);
  --st-mkt-neon-bg: rgba(11, 111, 143, 0.1);

  /* Chips / badges */
  --st-mkt-chip-bg: rgba(255, 255, 255, 0.72);
  --st-mkt-chip-text: #10233d;
  --st-mkt-chip-border: rgba(16, 35, 61, 0.14);

  /* CTAs */
  --st-mkt-cta-fg: #07111a;
  --st-mkt-cta-bg: linear-gradient(135deg, #58d7ff, #4a8dff);
  --st-mkt-cta-border: transparent;
  --st-mkt-cta-secondary-fg: #10233d;
  --st-mkt-cta-secondary-bg: rgba(255, 255, 255, 0.62);
  --st-mkt-cta-secondary-border: rgba(16, 35, 61, 0.12);
  --st-mkt-cta-focus-ring: 0 0 0 3px rgba(77, 163, 255, 0.38);

  /* Forms */
  --st-mkt-label: #10233d;
  --st-mkt-input-bg: rgba(255, 255, 255, 0.96);
  --st-mkt-input-fg: #10233d;
  --st-mkt-input-border: rgba(16, 35, 61, 0.16);
  --st-mkt-input-placeholder: #6d83a0;

  /* Terminal footer (light-first pages) */
  --st-mkt-terminal-footer-bg: #0a1422;
  --st-mkt-terminal-footer-text: #c2d0e5;

  /* Portal chrome — dark-first cinematic header (Phase 2, LD-VE-01) */
  --st-mkt-portal-header-bg: rgba(7, 17, 26, 0.72);
  --st-mkt-portal-header-fg: #f4f8ff;
  --st-mkt-portal-header-nav: #c2d0e5;
  --st-mkt-portal-header-border: rgba(255, 255, 255, 0.1);
  --st-mkt-portal-header-toggle-bg: rgba(125, 233, 255, 0.12);
  --st-mkt-portal-header-toggle-border: rgba(125, 233, 255, 0.28);

  /* Portal cinematic — light toggle resilience (dark body, readable text) */
  --st-mkt-portal-text-on-dark: #dce6f8;
  --st-mkt-portal-text-dim-on-dark: #9aadc8;
  --st-mkt-portal-panel-on-dark: rgba(10, 17, 31, 0.82);
  --st-mkt-portal-footer-on-dark: rgba(5, 7, 13, 0.94);

  /* Portal gateway — full light flip (Book Demo) */
  --st-mkt-portal-light-text: #0e1628;
  --st-mkt-portal-light-text-dim: #3d4f6e;
  --st-mkt-portal-light-silver: #1a2840;
  --st-mkt-portal-light-panel: rgba(248, 251, 255, 0.94);
  --st-mkt-portal-light-field: rgba(255, 255, 255, 0.96);
  --st-mkt-portal-light-surface: rgba(255, 255, 255, 0.92);
  --st-mkt-portal-light-border: rgba(26, 74, 122, 0.16);
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --st-mkt-bg: #05070d;
  --st-mkt-bg-secondary: #0f1a2d;
  --st-mkt-bg-page-0: #07111a;
  --st-mkt-bg-page-1: #0a1422;
  --st-mkt-bg-page-end: #07111a;
  --st-mkt-surface: rgba(15, 26, 45, 0.78);
  --st-mkt-surface-soft: rgba(19, 35, 58, 0.58);
  --st-mkt-surface-elevated: rgba(10, 20, 34, 0.92);

  --st-mkt-heading: #f6fbff;
  --st-mkt-heading-alt: #f4f8ff;
  --st-mkt-text: #c2d0e5;
  --st-mkt-text-secondary: #a8b8d0;
  --st-mkt-text-muted: #7f93ac;
  --st-mkt-text-silver: #9aadc8;

  --st-mkt-border: rgba(255, 255, 255, 0.12);
  --st-mkt-border-strong: rgba(255, 255, 255, 0.18);
  --st-mkt-header-bg: rgba(7, 17, 26, 0.68);
  --st-mkt-header-fg: #f4f8ff;
  --st-mkt-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
  --st-mkt-glow: 0 0 0 1px rgba(255, 255, 255, 0.04), var(--st-mkt-shadow);

  --st-mkt-glass-bg: rgba(255, 255, 255, 0.08);
  --st-mkt-glass-border: rgba(255, 255, 255, 0.1);
  --st-mkt-glass-text: #f4f8ff;

  --st-mkt-accent: #7de9ff;
  --st-mkt-accent-bright: #58d7ff;
  --st-mkt-neon-text: #b8ecff;
  --st-mkt-neon-border: rgba(125, 233, 255, 0.32);
  --st-mkt-neon-bg: rgba(125, 233, 255, 0.12);

  --st-mkt-chip-bg: rgba(15, 26, 45, 0.72);
  --st-mkt-chip-text: #f4fbff;
  --st-mkt-chip-border: rgba(125, 233, 255, 0.24);

  --st-mkt-cta-fg: #07111a;
  --st-mkt-cta-bg: linear-gradient(135deg, #58d7ff, #4a8dff);
  --st-mkt-cta-border: transparent;
  --st-mkt-cta-secondary-fg: #f4f8ff;
  --st-mkt-cta-secondary-bg: rgba(255, 255, 255, 0.08);
  --st-mkt-cta-secondary-border: rgba(255, 255, 255, 0.14);
  --st-mkt-cta-focus-ring: 0 0 0 3px rgba(125, 233, 255, 0.32);

  --st-mkt-label: #f4f8ff;
  --st-mkt-input-bg: rgba(4, 6, 12, 0.9);
  --st-mkt-input-fg: #e8eef8;
  --st-mkt-input-border: rgba(61, 158, 255, 0.28);
  --st-mkt-input-placeholder: #8fa3c4;

  --st-mkt-terminal-footer-bg: #04060c;
  --st-mkt-terminal-footer-text: #c2d0e5;

  --st-mkt-portal-header-bg: rgba(7, 17, 26, 0.78);
  --st-mkt-portal-header-fg: #f4f8ff;
  --st-mkt-portal-header-nav: #c2d0e5;
  --st-mkt-portal-header-border: rgba(255, 255, 255, 0.12);
  --st-mkt-portal-header-toggle-bg: rgba(125, 233, 255, 0.14);
  --st-mkt-portal-header-toggle-border: rgba(125, 233, 255, 0.32);

  --st-mkt-portal-text-on-dark: #dce6f8;
  --st-mkt-portal-text-dim-on-dark: #9aadc8;
  --st-mkt-portal-panel-on-dark: rgba(10, 17, 31, 0.82);
  --st-mkt-portal-footer-on-dark: rgba(5, 7, 13, 0.94);

  --st-mkt-portal-light-text: #0e1628;
  --st-mkt-portal-light-text-dim: #3d4f6e;
  --st-mkt-portal-light-silver: #1a2840;
  --st-mkt-portal-light-panel: rgba(248, 251, 255, 0.94);
  --st-mkt-portal-light-field: rgba(255, 255, 255, 0.96);
  --st-mkt-portal-light-surface: rgba(255, 255, 255, 0.92);
  --st-mkt-portal-light-border: rgba(26, 74, 122, 0.16);
}