/* Amsterdam City Salon - design tokens (ForwardX Kapsalon Design Studio) */

:root {
  /* Colors */
  --color-primary:       #4C590C;
  --color-primary-light: #91a432;
  --color-dark:          #1d1d1b;
  --color-bg:            #f6f6f4;
  --color-bg-alt:        #edeee7;
  --color-bg-warm:       #e5e7da;
  --color-text:          #2a2f14;
  --color-text-light:    #6e7261;
  --color-text-muted:    #6e7261;
  --color-white:         #fffdfa;

  /* Typography */
  --font-heading: 'Josefin Sans', sans-serif;
  --font-body:    'Source Sans 3', sans-serif;

  /* UI */
  --radius:     8px;
  --radius-lg:  12px;
  --radius-btn: 9999px;

  /* Spacing */
  --space-xs: 4px;  --space-sm: 8px;
  --space-md: 16px; --space-lg: 32px;
  --space-xl: 64px; --space-2xl: 96px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(29, 29, 27, 0.08);
  --shadow-md: 0 4px 16px rgba(29, 29, 27, 0.12);
  --transition: 0.25s ease;
}