:root {
  /* Brand Colors - Database Driven */
  --brand-primary-color: #FF0000;
  --brand-secondary-color: #b3ced1;
  --brand-tertiary: #e7b09e;
  --brand-quaternary: #fd680e;
  --brand-accent: #ddaa50;
  --brand-warning: #ffc107;
  --brand-danger: #dc3545;
  --brand-info: #17a2b8;
  --brand-success: #28a745;
  --brand-error: #dc3545;
  --brand-background: #ffffff;
  --brand-text: #333333;
  --brand-text-light: #666666;
  --brand-text-muted: #999999;
  --brand-custom-1: #20b2aa;
  --brand-custom-2: #ac3997;
  --brand-custom-3: #ffb347;

  /* Compatibility Aliases */
  --accent-color: var(--brand-primary);
  --heading-color: var(--brand-secondary);
  --primary-color: var(--brand-primary);
  --secondary-color: var(--brand-secondary);
  --success-color: var(--brand-success);
  --danger-color: var(--brand-danger);
  --warning-color: var(--brand-warning);
  --info-color: var(--brand-info);

  /* Brand Fonts - Database Driven */
  --brand-font-primary: 'Inter, system-ui, sans-serif';
  --brand-font-secondary: 'Roboto, Arial, sans-serif';
  --brand-font-heading: 'Inter, system-ui, sans-serif';
  --brand-font-body: 'Roboto, Arial, sans-serif';
  --brand-font-monospace: 'SF Mono, Monaco, Consolas, monospace';

  /* Font Compatibility Aliases */
  --font-primary: var(--brand-font-primary);
  --font-secondary: var(--brand-font-secondary);
  --font-heading: var(--brand-font-heading);
  --font-body: var(--brand-font-body);

  /* DB column name aliases to ensure themes resolve even if generated file is late */
  --brand_primary_color: var(--brand-primary);
  --brand_secondary_color: var(--brand-secondary);
  --brand_tertiary_color: var(--brand-tertiary);
  --brand_quaternary_color: var(--brand-quaternary);
  --brand_accent_color: var(--brand-accent);
  --brand_warning_color: var(--brand-warning);
  --brand_danger_color: var(--brand-danger);
  --brand_info_color: var(--brand-info);
  --brand_success_color: var(--brand-success);
  --brand_error_color: var(--brand-error);
  --brand_background_color: var(--brand-background);
  --brand_text_color: var(--brand-text);
  --brand_text_light: var(--brand-text-light);
  --brand_text_muted: var(--brand-text-muted);
}
/* Simplified brand CSS - Full implementation needed */
body { font-family: var(--brand-font-body); color: var(--brand-text); }
h1, h2, h3, h4, h5, h6 { font-family: var(--brand-font-heading); }