:root {
  /* Base colors */
  --background: #ffffff;
  --foreground: #111111;
  --foreground-secondary: #101828;
  --text-muted: #444;
  --text-body: #4A5565;

  /* Brand colors */
  --remedy-orange: #f1b066;
  --remedy-teal: #1f7f95;
  --remedy-blue: #6ea9f8;
  --remedy-cyan: #83c7ce;
  --remedy-olive: #5c5f30;
  --remedy-green: #457a00;
  --remedy-lime: #b3cf6d;
  --remedy-tan: #bf9270;

  /* Border radius */
  --radius: 10px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --radius-xl: 1.5rem;
  --radius-full: 999px;

  /* Shadows */
  --shadow-sm: 0px 4px 6px -4px rgba(0, 0, 0, 0.10);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);

  /* Typography */
  --font-family: 'Inter', system-ui, sans-serif;
  --font-size-xs: 14px;
  --font-size-sm: 16px;
  --font-size-md: 20px;
  --font-size-lg: 24px;
  --font-size-xl: 48px;
  --font-size-2xl: 3rem;
  --font-size-3xl: 4rem;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;

  /* Layout */
  --max-width: 1200px;
  --max-width-lg: 1280px;

  /* Transitions */
  --transition-fast: 0.3s ease;
  --transition-normal: 0.6s ease;
  --transition-slow: 0.8s ease;
}