/* ==========================================================================
   PowerPitch — Theme tokens (dark = brand default, light = alternate)
   ========================================================================== */

:root {
  /* Brand accent — identical across both themes */
  --color-accent: #5ec4c0;
  --color-accent-light: #a8d8d5;
  --color-accent-rgb: 94, 196, 192;

  /* Typography */
  --font-sans: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Layout */
  --max-width: 1180px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}

/* Dark theme — brand default */
:root[data-theme="dark"] {
  --color-bg: #1e1e1e;
  --color-bg-elevated: #262626;
  --color-bg-elevated-2: #2e2e2e;
  --color-text: #f5f5f4;
  --color-text-muted: #b7b7b5;
  --color-text-soft: #8c8c8a;
  --color-border: #3a3a3a;
  --color-border-strong: #4a4a4a;
  --color-accent-contrast: #10231f;
  --shadow-card: 0 12px 30px rgba(0, 0, 0, 0.35);
  --scrim: rgba(20, 20, 20, 0.72);
  --logo-src: url("../images/logo-wordmark-dark-bg.png");
}

/* Light theme */
:root[data-theme="light"] {
  --color-bg: #f7f7f5;
  --color-bg-elevated: #ffffff;
  --color-bg-elevated-2: #eeeeec;
  --color-text: #1e1e1e;
  --color-text-muted: #4d4d4b;
  --color-text-soft: #6f6f6d;
  --color-border: #dcdcd9;
  --color-border-strong: #c6c6c2;
  --color-accent-contrast: #ffffff;
  --shadow-card: 0 12px 30px rgba(30, 30, 30, 0.08);
  --scrim: rgba(247, 247, 245, 0.85);
  --logo-src: url("../images/logo-wordmark-light-bg.png");
}