/*
  wowd.us - Light Theme Variables
  
  Light theme color assignments for semantic variables
*/

:root {
  /* Base color palette */
  --color-steel: #222834;
  --color-steel-light: #3a4149;
  --color-steel-dark: #1a1f28;
  --color-mist: #E2E5E8;
  --color-mist-light: #f8f9fa;
  --color-mist-dark: #d1d6db;
  --color-amber: #FFB733;
  --color-amber-light: #ffc654;
  --color-amber-dark: #e6a429;
  --color-white: #ffffff;
  --color-black: #000000;
  
  /* Accessible variants */
  --color-amber-accessible: #B45309;
  --color-text-muted-accessible: #69778b;
  
  /* Semantic color assignments - Light Theme */
  --bg-primary: var(--color-white);
  --bg-secondary: var(--color-mist-light);
  --bg-card: var(--color-white);
  --bg-card-secondary: var(--color-mist-light);
  --bg-header: var(--color-white);
  --bg-footer: var(--color-steel);
  
  --text-primary: var(--color-steel);
  --text-secondary: var(--color-steel-light);
  --text-muted: var(--color-text-muted-accessible);
  --text-inverse: var(--color-white);
  --text-footer: var(--color-mist);
  --text-footer-muted: var(--color-mist-dark);
  
  --accent-primary: var(--color-amber);
  --accent-primary-hover: var(--color-amber-light);
  --accent-primary-accessible: var(--color-amber-accessible);
  
  --border-primary: var(--color-mist);
  --border-secondary: var(--color-mist-dark);
  --border-input: var(--color-mist-dark);
  --border-input-focus: var(--color-amber);
  
  --surface-elevated: var(--color-white);
  --surface-overlay: rgba(26, 32, 44, 0.95);
  
  /* Button colors */
  --btn-primary-bg: var(--color-steel);
  --btn-primary-bg-hover: var(--color-steel-light);
  --btn-primary-text: var(--color-white);
  --btn-secondary-bg: transparent;
  --btn-secondary-bg-hover: var(--color-steel);
  --btn-secondary-text: var(--color-steel);
  --btn-secondary-text-hover: var(--color-white);
  --btn-secondary-border: var(--color-steel);
  
  /* Form colors */
  --form-bg: var(--color-white);
  --form-text: var(--color-steel);
  --form-label: var(--color-steel);
  
  /* Shadows - Light theme */
  --shadow-sm: 0 1px 2px 0 rgba(34, 40, 52, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(34, 40, 52, 0.1), 0 2px 4px -1px rgba(34, 40, 52, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(34, 40, 52, 0.1), 0 4px 6px -2px rgba(34, 40, 52, 0.05);
  
  /* Special elements */
  --step-number-bg: var(--color-amber);
  --step-number-text: var(--color-steel);
  --hero-gradient-start: var(--color-mist-light);
  --hero-gradient-end: var(--color-white);

  --hero-background: url('office.jpg') center/cover no-repeat;
  --fuzz: rgba(255,255,255,0.2);
  --display-light: inherit;
  --display-dark: none;
}