/* 
 * Muse Creator App - Essential Theme Variables Only
 * This file contains ONLY the CSS variables that need to be dynamically injected.
 * All component styles are now bundled with the creator app in individual CSS files.
 * Generated by Muse Creator App for ceo
 */

:root {
  /* Primary theme colors - will be injected by API */
  --muse-primary-color: #000000;      /* Default: Indigo */
  --muse-secondary-color: #000000;    /* Default: Purple */
  --muse-accent-color: #fff7f0;      /* Default: Amber */
  
  /* Theme mode - will be injected by API */
  --muse-theme: auto;                 /* Default: auto (light/dark) */
  
  /* Derived colors for consistency */
  --muse-primary-hover: color-mix(in srgb, var(--muse-primary-color), black 10%);
  --muse-secondary-hover: color-mix(in srgb, var(--muse-secondary-color), black 10%);
  --muse-accent-hover: color-mix(in srgb, var(--muse-accent-color), black 10%);
  
  /* Text colors */
  --muse-text-primary: #ffffff;       /* Default: White */
  --muse-text-secondary: #e5e7eb;     /* Default: Gray-200 */
  --muse-text-accent: var(--muse-accent-color); /* Default: Accent color */

  /* Backgrounds */
  --muse-bg-primary: var(--muse-primary-color);
  --muse-bg-secondary: var(--muse-secondary-color);
  --muse-bg-tertiary: #1f2937;        /* Default: Gray-800 */

  /* Borders */
  --muse-border-primary: rgba(255, 255, 255, 0.1); /* Light border for dark theme */
  --muse-border-secondary: rgba(255, 255, 255, 0.05);

  /* Shadows */
  --muse-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --muse-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --muse-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --muse-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  /* Error colors */
  --muse-error: #ef4444;              /* Default: Red-500 */
}