:root {
  /* Base backgrounds */
  --marpt-bg: #0d1117;
  --marpt-bg-deep: #0d1117;
  --marpt-bg-elevated: #161b22;
  --marpt-bg-panel: #161b22;
  --marpt-bg-muted: rgba(110, 118, 129, 0.16);

  /* Borders */
  --marpt-border: #30363d;
  --marpt-border-subtle: rgba(240, 246, 252, 0.10);
  --marpt-border-strong: #8b949e;

  /* Text */
  --marpt-text-primary: #c9d1d9;
  --marpt-text-secondary: #8b949e;
  --marpt-text-muted: #6e7681;
  --marpt-text-inverse: #0d1117;

  /* Accent */
  --marpt-accent: #1f4f9e;
  --marpt-accent-hover: #1f6feb;
  --marpt-accent-muted: rgba(31, 79, 158, 0.14);
  --marpt-accent-rgb: 31, 79, 158;

  /* Status */
  --marpt-success: #3fb950;
  --marpt-success-muted: rgba(63, 185, 80, 0.16);
  --marpt-warning: #bb8009;
  --marpt-warning-muted: rgba(187, 128, 9, 0.18);
  --marpt-danger: #f85149;
  --marpt-danger-muted: rgba(248, 81, 73, 0.16);
  --marpt-info: #2f81f7;
  --marpt-info-muted: rgba(47, 129, 247, 0.16);

  /* Surfaces/components */
  --marpt-surface-card: #161b22;
  --marpt-surface-modal: #161b22;
  --marpt-surface-input: #0d1117;
  --marpt-surface-tooltip: #161b22;


  /* Workflow shell (light frame) */
  --marpt-workflow-shell-frame-bg: #f7f9fc;
  --marpt-workflow-shell-frame-surface: #ffffff;
  --marpt-workflow-shell-frame-surface-strong: #f9fbff;
  --marpt-workflow-shell-frame-border: rgba(24, 39, 64, 0.14);
  --marpt-workflow-shell-frame-border-soft: rgba(24, 39, 64, 0.09);
  --marpt-workflow-shell-frame-text: #172033;
  --marpt-workflow-shell-frame-muted: #667085;
  --marpt-workflow-shell-frame-accent: #2e62b2;

  /* Effects */
  --marpt-shadow-soft: 0 0 22px rgba(31, 79, 158, 0.10);
  --marpt-shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.45);
  --marpt-focus-ring: 0 0 0 3px rgba(31, 79, 158, 0.42);
}

html[data-marpt-theme="dark"] {
  /* Base backgrounds */
  --marpt-bg: #0d1117;
  --marpt-bg-deep: #0d1117;
  --marpt-bg-elevated: #161b22;
  --marpt-bg-panel: #161b22;
  --marpt-bg-muted: rgba(110, 118, 129, 0.16);

  /* Borders */
  --marpt-border: #30363d;
  --marpt-border-subtle: rgba(240, 246, 252, 0.10);
  --marpt-border-strong: #8b949e;

  /* Text */
  --marpt-text-primary: #c9d1d9;
  --marpt-text-secondary: #8b949e;
  --marpt-text-muted: #6e7681;
  --marpt-text-inverse: #0d1117;

  /* Accent */
  --marpt-accent: #1f4f9e;
  --marpt-accent-hover: #1f6feb;
  --marpt-accent-muted: rgba(31, 79, 158, 0.14);
  --marpt-accent-rgb: 31, 79, 158;

  /* Status */
  --marpt-success: #3fb950;
  --marpt-success-muted: rgba(63, 185, 80, 0.16);
  --marpt-warning: #bb8009;
  --marpt-warning-muted: rgba(187, 128, 9, 0.18);
  --marpt-danger: #f85149;
  --marpt-danger-muted: rgba(248, 81, 73, 0.16);
  --marpt-info: #2f81f7;
  --marpt-info-muted: rgba(47, 129, 247, 0.16);

  /* Surfaces/components */
  --marpt-surface-card: #161b22;
  --marpt-surface-modal: #161b22;
  --marpt-surface-input: #0d1117;
  --marpt-surface-tooltip: #161b22;


  /* Workflow shell (light frame) */
  --marpt-workflow-shell-frame-bg: #f7f9fc;
  --marpt-workflow-shell-frame-surface: #ffffff;
  --marpt-workflow-shell-frame-surface-strong: #f9fbff;
  --marpt-workflow-shell-frame-border: rgba(24, 39, 64, 0.14);
  --marpt-workflow-shell-frame-border-soft: rgba(24, 39, 64, 0.09);
  --marpt-workflow-shell-frame-text: #172033;
  --marpt-workflow-shell-frame-muted: #667085;
  --marpt-workflow-shell-frame-accent: #2e62b2;

  /* Effects */
  --marpt-shadow-soft: 0 0 22px rgba(31, 79, 158, 0.10);
  --marpt-shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.45);
  --marpt-focus-ring: 0 0 0 3px rgba(31, 79, 158, 0.42);
}

html[data-marpt-theme="light"] {
  /* Hidden light-mode token foundation for manual QA only; dark remains the default. */
  /* Base backgrounds */
  --marpt-bg: #f7f9fc;
  --marpt-bg-deep: #eef3fb;
  --marpt-bg-elevated: #ffffff;
  --marpt-bg-panel: #f9fbff;
  --marpt-bg-muted: rgba(46, 98, 178, 0.08);

  /* Borders */
  --marpt-border: #d5deeb;
  --marpt-border-subtle: rgba(24, 39, 64, 0.12);
  --marpt-border-strong: #8fa1bc;

  /* Text */
  --marpt-text-primary: #172033;
  --marpt-text-secondary: #4f5f78;
  --marpt-text-muted: #667085;
  --marpt-text-inverse: #ffffff;

  /* Accent */
  --marpt-accent: #1f4f9e;
  --marpt-accent-hover: #1f6feb;
  --marpt-accent-muted: rgba(31, 79, 158, 0.10);
  --marpt-accent-rgb: 31, 79, 158;

  /* Status */
  --marpt-success: #1f7a3a;
  --marpt-success-muted: rgba(31, 122, 58, 0.12);
  --marpt-warning: #9a5f00;
  --marpt-warning-muted: rgba(154, 95, 0, 0.14);
  --marpt-danger: #c7362f;
  --marpt-danger-muted: rgba(199, 54, 47, 0.12);
  --marpt-info: #1f6feb;
  --marpt-info-muted: rgba(31, 111, 235, 0.12);

  /* Surfaces/components */
  --marpt-surface-card: #ffffff;
  --marpt-surface-modal: #ffffff;
  --marpt-surface-input: #ffffff;
  --marpt-surface-tooltip: #172033;


  /* Workflow shell (light frame) */
  --marpt-workflow-shell-frame-bg: #f7f9fc;
  --marpt-workflow-shell-frame-surface: #ffffff;
  --marpt-workflow-shell-frame-surface-strong: #f9fbff;
  --marpt-workflow-shell-frame-border: rgba(24, 39, 64, 0.14);
  --marpt-workflow-shell-frame-border-soft: rgba(24, 39, 64, 0.09);
  --marpt-workflow-shell-frame-text: #172033;
  --marpt-workflow-shell-frame-muted: #667085;
  --marpt-workflow-shell-frame-accent: #2e62b2;

  /* Effects */
  --marpt-shadow-soft: 0 0 22px rgba(31, 79, 158, 0.10);
  --marpt-shadow-medium: 0 10px 30px rgba(24, 39, 64, 0.14);
  --marpt-focus-ring: 0 0 0 3px rgba(31, 79, 158, 0.30);
}