/**
 * Shirkat Al Nahal — CSS Brand Design System Tokens
 */

:root {
  /* Brand Color Palette */
  --honey-500: #F59A23;
  --honey-400: #FFB52E;
  --honey-300: #FFD35A;

  --amber-700: #C96316;
  --amber-600: #E87520;

  --brown-900: #3B211A;
  --brown-800: #4B2A20;
  --brown-700: #674238;

  --cream-50:  #FFF9F1;
  --cream-100: #F8EBDD;
  --cream-200: #F1DDCB;

  --white:     #FFFFFF;

  --success:   #4E7A42;
  --danger:    #B94B3E;

  --shadow-soft: 0 12px 35px rgba(75, 42, 32, 0.10);
  --shadow-hover: 0 20px 45px rgba(75, 42, 32, 0.16);

  /* Spacing System Scale */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-120: 120px;

  /* Layout Constraints */
  --container-max: 1280px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;

  /* Typography Families */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Motion Tokens */
  --transition-fast: 150ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-normal: 300ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-reveal: 600ms cubic-bezier(0.22, 1, 0.36, 1);
}