/**
 * Autumn Theme Variant
 * 
 * Standalone theme variant that can be loaded independently.
 * Uses [data-theme="autumn"] scope for activation.
 * CDN-compatible and opt-in via import or JS.
 * 
 * @layer themes.variants
 */

@layer themes.variants {
  [data-theme="autumn"] {
    /* Primary Colors */
    --color-primary: #d97706;
    --color-secondary: #ea580c;
    
    /* Status Colors */
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-error: #ef4444;
    --color-info: #06b6d4;
    
    /* Text Colors */
    --color-text: #78350f;
    --color-text-muted: #4b5563;
    --color-text-inverse: #fff;
    
    /* Surface Colors */
    --color-background: #fffbeb;
    --color-surface: #fde68a;
    --color-surface-elevated: #fff;
    
    /* Border Colors */
    --color-border: #fcd34d;
    --color-border-strong: #f59e0b;
    
    /* Transition Colors for smooth animations */
    --color-transition-primary: #d97706;
    --color-transition-surface: #fffbeb;
    --color-transition-text: #78350f;
  }
}