:root {
  /* Brand Colors */
  --brand-color: #fec639;
  --brand-color-light: #ffeea0;
  --brand-color-dark: #d4a017;
  --brand-color-hover: #f5b800;
  --brand-rgb: 254, 198, 57;

  /* Background System */
  --bg-page: #f4f6f9;
  --bg-card: #ffffff;
  --bg-card-hover: #fafbfd;
  --bg-sidebar: #ffffff;
  --bg-soft: #f8f9fb;
  --bg-input: #ffffff;

  /* Text Colors */
  --text-heading: #111827;
  --text-body: #374151;
  --text-muted: #6b7280;
  --text-subtle: #9ca3af;
  --text-link: #d4a017;
  --text-on-brand: #1a1000;

  /* Border */
  --border-color: #e5e7eb;
  --border-focus: #fec639;
  --border-strong: #d1d5db;

  /* Shadow System */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.07);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.09);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.15);
  --shadow-brand: 0 4px 20px rgba(254,198,57,0.35);

  /* Layout */
  --header-height: 70px;
  --sidebar-width: 290px;
  --container-max: 1400px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Typography */
  --font-primary: 'Plus Jakarta Sans', 'Poppins', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;

  /* Footer */
  --footer-bg: #111827;
  --footer-text: #9ca3af;
  --footer-link: #d1d5db;
  --footer-border: #1f2937;

  /* Status Colors */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;

  /* Badge */
  --badge-new-bg: #ecfdf5;
  --badge-new-text: #059669;
  --badge-hot-bg: #fff7ed;
  --badge-hot-text: #ea580c;
}