/* Theme Variables - Change these per project */
:root {
  /* Brand colors */
  --color-primary: #7c3aed;
  --color-primary-hover: #6d28d9;
  --color-primary-subtle: #2d2640;

  /* Backgrounds */
  --color-bg: #0f0f14;
  --color-bg-transparent: rgba(15, 15, 20, 0.9); /* Semi-transparent version of --color-bg for navbar */
  --color-bg-alt: #1a1a24;
  --color-bg-card: #1f1f2e;
  --color-bg-code: #1e1e2e;
  --color-bg-titlebar: #1a1a20; /* Window titlebar background - close to video bg */

  /* Text */
  --color-text: #e5e5e5;
  --color-text-muted: #9ca3af;
  --color-text-bright: #ffffff;

  /* Borders & Shadows */
  --color-border: #2e2e3e;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.5);

  /* Typography */
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  /* Spacing scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Layout */
  --container-max: 1100px;
  --border-radius: 8px;
  --border-radius-lg: 12px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}