:root {
  /* Brand Colors */
  --color-primary: #EC7420;
  --color-primary-light: #ff9d5c;
  --color-primary-dark: #b3520e;
  --color-secondary: #573823;
  --color-secondary-light: #855d42;
  --color-secondary-dark: #362012;
  
  /* Text Colors */
  --text-main: #1c1c1e; /* iOS Dark Gray */
  --text-light: #8e8e93; /* iOS Light Gray */
  --text-white: #ffffff;
  --text-accent: var(--color-primary);

  /* Background Colors */
  --bg-body: #f2f2f7; /* iOS System Gray 6 */
  --bg-glass: rgba(255, 255, 255, 0.2); /* Subtle transparency */
  --bg-glass-strong: rgba(255, 255, 255, 0.35); /* Refined strength */
  --bg-glass-dark: rgba(0, 0, 0, 0.3);

  /* Liquid Glass Tokens - Enhanced */
  --glass-border: 1px solid rgba(255, 255, 255, 0.25); /* More subtle border */
  --glass-shadow: 0 10px 40px 0 rgba(31, 38, 135, 0.08); /* Softer shadow */
  --glass-blur: blur(5px); /* Stronger blur for iOS effect */
  --glass-radius: 25.2px; /* Slightly larger radius */

  /* Gradients */
  --gradient-liquid: linear-gradient(135deg, #fdfbfb 0%, #f4f0ec 100%); /* Subtle warm tint */
  --gradient-brand: linear-gradient(135deg, var(--color-primary) 0%, #f7a360 100%);

  /* Spacing & Layout */
  --header-height: 88.2px;
  --mobile-nav-height: 98.1px; /* Taller for iOS style tab bar (1.3x) */
}