/* =========================
   Variables
   ========================= */
   :root {
    /* Colors */
    --color-primary: #e25d18;
    --color-primary-hover: #d14d08;
    --color-primary-light: #ff8d60;
    --color-primary-dark: #b84a10;
    --color-secondary: #43403c;
    --color-secondary-dark: #2c2a27;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-background: #fefaf5;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #E5E7EB;
    --color-gray-300: #D1D5DB;
    --color-gray-400: #9CA3AF;
    --color-gray-500: #6B7280;
    --color-gray-600: #4B5563;
    --color-gray-700: #374151;
    --color-gray-800: #1F2937;
    --color-gray-900: #111827;
    /* Status Colors */
    --color-success: #10B981;
    --color-warning: #f59e0b;
    --color-error: #ef4444;
    --color-info: #3B82F6;
    /* UI Colors */
    --color-border: #e8dcc5;
    --color-border-hover: #d1d5db;
    --color-background-light: #f6f0e7;
    --color-background-table: #f9fafb;
    /* Spacing System */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 2.5rem;
    --spacing-3xl: 3rem;
    /* Typography */
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.25rem;
    --font-size-4xl: 3rem;
    --font-size-5xl: 4rem;
    --font-size-6xl: 4.5rem;
    /* Layout */
    --max-width: 1280px;
    --container-padding: 1.5rem;
    --header-height: 76px;
    --container-width: 100%;
    --grid-gap: var(--spacing-md);
    /* Components */
    --button-height: 40px;
    --border-radius: 0.75rem;
    --border-radius-full: 9999px;
    --input-padding: 0.75rem;
    --input-border-width: 1px;
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    --shadow-none: 0 0 #0000;
}

/* =========================
   Background Colors
   ========================= */
   .bg-white { background-color: var(--color-white); }
   .bg-primary { background-color: var(--color-primary); }
   .bg-primary-hover { background-color: var(--color-primary-hover); }
   .bg-secondary { background-color: var(--color-secondary); }
   .bg-success { background-color: var(--color-success); }
   .bg-warning { background-color: var(--color-warning); }
   .bg-error { background-color: var(--color-error); }
   .bg-background { background-color: var(--color-background); }
   .bg-background-light { background-color: var(--color-background-light); }
   .bg-table { background-color: var(--color-background-table); }
   
   /* =========================
      Text Colors
      ========================= */
   .text-primary { color: var(--color-primary); }
   .text-primary-hover { color: var(--color-primary-hover); }
   .text-secondary { color: var(--color-secondary); }
   .text-white { color: var(--color-white); }
   .text-success { color: var(--color-success); }
   .text-warning { color: var(--color-warning); }
   .text-error { color: var(--color-error); }
   .text-gray-100 { color: var(--color-gray-100); }
   .text-gray-200 { color: var(--color-gray-200); }
   .text-gray-300 { color: var(--color-gray-300); }
   .text-gray-400 { color: var(--color-gray-400); }
   .text-gray-500 { color: var(--color-gray-500); }
   .text-gray-600 { color: var(--color-gray-600); }
   .text-gray-700 { color: var(--color-gray-700); }
   .text-gray-800 { color: var(--color-gray-800); }
   .text-gray-900 { color: var(--color-gray-900); }
   
   /* =========================
      Border Colors
      ========================= */
   .border-primary { border-color: var(--color-primary); }
   .border-secondary { border-color: var(--color-secondary); }
   .border-success { border-color: var(--color-success); }
   .border-warning { border-color: var(--color-warning); }
   .border-error { border-color: var(--color-error); }
   .border-gray-100 { border-color: var(--color-gray-100); }
   .border-gray-200 { border-color: var(--color-gray-200); }
   .border-gray-300 { border-color: var(--color-gray-300); }
   .border-gray-400 { border-color: var(--color-gray-400); }
   .border-gray-500 { border-color: var(--color-gray-500); }
   .border-gray-600 { border-color: var(--color-gray-600); }
   .border-gray-700 { border-color: var(--color-gray-700); }
   .border-gray-800 { border-color: var(--color-gray-800); }
   .border-gray-900 { border-color: var(--color-gray-900); }
   .border-white { border-color: var(--color-white); }
   .border-transparent { border-color: transparent; }