/* src/styles/tokens.scss */
:root {
  /* Colors - Palette */
  --color-primary-500: #facf0a;
  --color-primary-600: #e3ba07;
  --color-primary-700: #c8a204;

  --color-secondary-500: #6b675c;
  --color-secondary-600: #514d43;

  --color-success-500: #22c55e;
  --color-success-100: #dcfce7;
  --color-warning-500: #eab308;
  --color-warning-100: #fef3c7;
  --color-danger-500: #ef4444;
  --color-danger-600: #dc2626;
  --color-danger-100: #fee2e2;

  --color-neutral-50: #ffffff;
  --color-neutral-100: #efede7;
  --color-neutral-200: #dedad1;
  --color-neutral-300: #c6c1b6;
  --color-neutral-400: #a8a396;
  --color-neutral-800: #1f2933;
  --color-neutral-900: #101820;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 1rem;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}
