/* ============================================================
   COLORS & THEME VARIABLES
   ============================================================ */

:root {
  --color-brand: #F5C000;
  --color-brand-dark: #D4A800;
  --color-brand-light: #FDD835;
  --color-brand-pale: #FFF9E0;
  --color-ink: #1A1A1A;
  --color-frost: #F7F7F7;

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

  /* Grays */
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-700: #374151;

  /* POS Colors */
  --color-pos-dark: #2d2d2d;
  --color-pos-gold: #FFD700;
  --color-pos-bg: #1a1a1a;
  --color-pos-text: #f0f0f0;
}

/* Neutral body */
body {
  color: var(--color-ink);
  background-color: var(--color-frost);
  font-family: 'Nunito', sans-serif;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-ink);
}

/* Links */
a {
  color: var(--color-info);
}

a:hover {
  color: var(--color-brand);
}