@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --color-primary-foreground: #fffbf6;
  --color-primary-hover: #8c5502;
  --color-primary-active: #6d4402;
  --color-primary-disabled: #d9d9d9;
  --color-secondary-foreground: #2d2620;
  --color-secondary-hover: #b8b0a5;
  --color-secondary-active: #a39889;
  --color-secondary-disabled: #e9ecef;
  --color-tertiary-foreground: #2d2620;
  --color-tertiary-hover: #d4cfc8;
  --color-tertiary-active: #bfbab0;
  --color-tertiary-disabled: #f8f9fa;
  --color-accent-foreground: #2d2620;
  --color-accent-hover: #e8e3dc;
  --color-accent-active: #d4cfc8;
  --color-accent-disabled: #ffffff;
  --color-success-foreground: #ffffff;
  --color-error-foreground: #ffffff;
  --color-warning-foreground: #212529;
  --color-info-foreground: #212529;
  --color-text-primary: #00000080;
  --color-text-secondary: #6c757d;
  --color-text-tertiary: #495057;
  --color-text-muted: #adb5bd;
  --color-text-disabled: #ced4da;
  --color-surface: #ffffff;
  --color-surface-hover: #f8f9fa;
  --color-muted-foreground: #6c757d;
  --color-card-foreground: #212529;
  --color-popover-foreground: #212529;
  --color-button-primary-background: #af6a03;
  --color-button-primary-foreground: #ffffff;
  --color-button-primary-hover: #8c5502;
  --color-button-primary-active: #6d4402;
  --color-button-primary-disabled: #d9d9d9;
  --color-button-secondary-background: #cdc5ba;
  --color-button-secondary-foreground: #2d2620;
  --color-button-secondary-hover: #b8b0a5;
  --color-button-secondary-active: #a39889;
  --color-button-secondary-disabled: #e9ecef;
  --color-button-outline-border: #dee2e6;
  --color-button-outline-foreground: #212529;
  --color-button-outline-hover-background: #f8f9fa;
  --color-button-outline-hover-border: #dee2e6;
  --color-button-ghost-hover-background: #f8f9fa;
  --color-button-ghost-active-background: #e9ecef;
  --color-button-danger-background: #dc3545;
  --color-button-danger-foreground: #ffffff;
  --color-button-danger-hover: #c82333;
  --color-button-danger-active: #bd2130;
  --color-border-hover: #ced4da;
  --color-input-border: #dee2e6;
  --color-input-focus: #af6a03;
  --color-primary: #cdc5ba;
  --color-secondary: #cdc5ba;
  --color-tertiary: #e8e3dc;
  --color-accent: #f5f3f0;
  --color-success: #198754;
  --color-error: #dc3545;
  --color-warning: #ffc107;
  --color-info: #0dcaf0;
  --color-muted: #f8f9fa;
  --color-background: #fffaf6;
  --color-border: #dee2e6;
  --color-input: #ffffff;
  --color-ring: #AF6A03;
  --color-card: #ffffff;
  --color-popover: #ffffff;
  --color-group-1: #2563eb;
  --color-group-2: #dc2626;
  --color-group-3: #059669;
  --color-group-4: #7c3aed;
  --color-group-5: #f59e0b;
  --color-group-6: #06b6d4;
  --color-group-7: #f97316;
  --color-group-8: #db2777;
  --color-group-9: #6b7280;
  --color-group-10: #65a30d;
  --color-group-11: #4f46e5;
  --color-group-12: #e11d48;
  --color-group-13: #0284c7;
  --color-group-14: #047857;
  --color-group-15: #c026d3;
  --color-group-16: #6d28d9;
  --color-group-17: #475569;
  --color-group-18: #ca8a04;
  --color-group-19: #71717a;
  --color-group-20: #0d9488;
  --color-group-21: #0ea5e9;
  --color-group-22: #ea580c;
  --color-group-23: #4d7c0f;
  --color-group-24: #52525b;
  --font-primary: 'Open Sans', ui-sans-serif, system-ui, sans-serif;
  --font-secondary: 'Open Sans', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Questrial', ui-serif, Georgia, serif;
  --font-monospace: 'Open Sans', ui-monospace, SFMono-Regular, monospace;
  --font-accent: 'Open Sans', ui-serif, Georgia, serif;
  --text-base: 13px;
  --text-caption: 0.75rem;
  --text-small: 1rem;
  --text-body: 1rem;
  --text-lead: 1.125rem;
  --text-subheading: 1.25rem;
  --text-heading: 1.5rem;
  --text-title: 2.25rem;
  --text-display: 2.25rem;
  --text-hero: 3rem;

  /* Dark Mode Overrides */
  @media (prefers-color-scheme: dark) {
    --color-primary-foreground: #1a1410;
    --color-primary-hover: #e5a860;
    --color-primary-active: #f0bd76;
    --color-primary-disabled: #495057;
    --color-secondary-foreground: #1a1410;
    --color-secondary-hover: #8a7d72;
    --color-secondary-active: #78685d;
    --color-secondary-disabled: #343a40;
    --color-tertiary-foreground: #e8e3dc;
    --color-tertiary-hover: #4a423b;
    --color-tertiary-active: #574f47;
    --color-tertiary-disabled: #2b3035;
    --color-accent-foreground: #f5f3f0;
    --color-accent-hover: #3d3630;
    --color-accent-active: #4a423b;
    --color-accent-disabled: #212529;
    --color-success-foreground: #1a1410;
    --color-error-foreground: #1a1410;
    --color-warning-foreground: #1a1410;
    --color-info-foreground: #1a1410;
    --color-text-primary: #dee2e6;
    --color-text-secondary: #adb5bd;
    --color-text-tertiary: #6c757d;
    --color-text-muted: #6c757d;
    --color-text-disabled: #495057;
    --color-surface: #2b3035;
    --color-surface-hover: #343a40;
    --color-muted-foreground: #adb5bd;
    --color-card-foreground: #dee2e6;
    --color-popover-foreground: #dee2e6;
    --color-button-primary-background: #d4934a;
    --color-button-primary-foreground: #1a1410;
    --color-button-primary-hover: #e5a860;
    --color-button-primary-active: #f0bd76;
    --color-button-primary-disabled: #495057;
    --color-button-secondary-background: #9d9589;
    --color-button-secondary-foreground: #1a1410;
    --color-button-secondary-hover: #8a7d72;
    --color-button-secondary-active: #78685d;
    --color-button-secondary-disabled: #343a40;
    --color-button-outline-border: #495057;
    --color-button-outline-foreground: #dee2e6;
    --color-button-outline-hover-background: #2b3035;
    --color-button-outline-hover-border: #6c757d;
    --color-button-ghost-hover-background: #2b3035;
    --color-button-ghost-active-background: #343a40;
    --color-button-danger-background: #ea868f;
    --color-button-danger-foreground: #1a1410;
    --color-button-danger-hover: #ef9ca4;
    --color-button-danger-active: #f3b2b8;
    --color-border-hover: #6c757d;
    --color-input-border: #495057;
    --color-input-focus: #d4934a;
    --color-primary: #cdc5ba;
    --color-secondary: #9d9589;
    --color-tertiary: #3d3630;
    --color-accent: #2d2620;
    --color-success: #75b798;
    --color-error: #ea868f;
    --color-warning: #ffda6a;
    --color-info: #6edff6;
    --color-muted: #2b3035;
    --color-background: #212529;
    --color-border: #495057;
    --color-input: #2b3035;
    --color-ring: #D4934A;
    --color-card: #212529;
    --color-popover: #343a40;
    --color-group-1: #3b82f6;
    --color-group-2: #ef4444;
    --color-group-3: #10b981;
    --color-group-4: #8b5cf6;
    --color-group-5: #fbbf24;
    --color-group-6: #22d3ee;
    --color-group-7: #fb923c;
    --color-group-8: #f472b6;
    --color-group-9: #9ca3af;
    --color-group-10: #84cc16;
    --color-group-11: #6366f1;
    --color-group-12: #f43f5e;
    --color-group-13: #0ea5e9;
    --color-group-14: #059669;
    --color-group-15: #d946ef;
    --color-group-16: #7c3aed;
    --color-group-17: #64748b;
    --color-group-18: #eab308;
    --color-group-19: #a1a1aa;
    --color-group-20: #14b8a6;
    --color-group-21: #38bdf8;
    --color-group-22: #f97316;
    --color-group-23: #65a30d;
    --color-group-24: #71717a;
  }

  /* Dark class override for manual dark mode */
  .dark {
    --color-primary-foreground: #1a1410;
    --color-primary-hover: #e5a860;
    --color-primary-active: #f0bd76;
    --color-primary-disabled: #495057;
    --color-secondary-foreground: #1a1410;
    --color-secondary-hover: #8a7d72;
    --color-secondary-active: #78685d;
    --color-secondary-disabled: #343a40;
    --color-tertiary-foreground: #e8e3dc;
    --color-tertiary-hover: #4a423b;
    --color-tertiary-active: #574f47;
    --color-tertiary-disabled: #2b3035;
    --color-accent-foreground: #f5f3f0;
    --color-accent-hover: #3d3630;
    --color-accent-active: #4a423b;
    --color-accent-disabled: #212529;
    --color-success-foreground: #1a1410;
    --color-error-foreground: #1a1410;
    --color-warning-foreground: #1a1410;
    --color-info-foreground: #1a1410;
    --color-text-primary: #dee2e6;
    --color-text-secondary: #adb5bd;
    --color-text-tertiary: #6c757d;
    --color-text-muted: #6c757d;
    --color-text-disabled: #495057;
    --color-surface: #2b3035;
    --color-surface-hover: #343a40;
    --color-muted-foreground: #adb5bd;
    --color-card-foreground: #dee2e6;
    --color-popover-foreground: #dee2e6;
    --color-button-primary-background: #d4934a;
    --color-button-primary-foreground: #1a1410;
    --color-button-primary-hover: #e5a860;
    --color-button-primary-active: #f0bd76;
    --color-button-primary-disabled: #495057;
    --color-button-secondary-background: #9d9589;
    --color-button-secondary-foreground: #1a1410;
    --color-button-secondary-hover: #8a7d72;
    --color-button-secondary-active: #78685d;
    --color-button-secondary-disabled: #343a40;
    --color-button-outline-border: #495057;
    --color-button-outline-foreground: #dee2e6;
    --color-button-outline-hover-background: #2b3035;
    --color-button-outline-hover-border: #6c757d;
    --color-button-ghost-hover-background: #2b3035;
    --color-button-ghost-active-background: #343a40;
    --color-button-danger-background: #ea868f;
    --color-button-danger-foreground: #1a1410;
    --color-button-danger-hover: #ef9ca4;
    --color-button-danger-active: #f3b2b8;
    --color-border-hover: #6c757d;
    --color-input-border: #495057;
    --color-input-focus: #d4934a;
    --color-primary: #cdc5ba;
    --color-secondary: #9d9589;
    --color-tertiary: #3d3630;
    --color-accent: #2d2620;
    --color-success: #75b798;
    --color-error: #ea868f;
    --color-warning: #ffda6a;
    --color-info: #6edff6;
    --color-muted: #2b3035;
    --color-background: #212529;
    --color-border: #495057;
    --color-input: #2b3035;
    --color-ring: #D4934A;
    --color-card: #212529;
    --color-popover: #343a40;
    --color-group-1: #3b82f6;
    --color-group-2: #ef4444;
    --color-group-3: #10b981;
    --color-group-4: #8b5cf6;
    --color-group-5: #fbbf24;
    --color-group-6: #22d3ee;
    --color-group-7: #fb923c;
    --color-group-8: #f472b6;
    --color-group-9: #9ca3af;
    --color-group-10: #84cc16;
    --color-group-11: #6366f1;
    --color-group-12: #f43f5e;
    --color-group-13: #0ea5e9;
    --color-group-14: #059669;
    --color-group-15: #d946ef;
    --color-group-16: #7c3aed;
    --color-group-17: #64748b;
    --color-group-18: #eab308;
    --color-group-19: #a1a1aa;
    --color-group-20: #14b8a6;
    --color-group-21: #38bdf8;
    --color-group-22: #f97316;
    --color-group-23: #65a30d;
    --color-group-24: #71717a;
  }
}