:root {
  /* Primary Colors - from AppTheme */
  --color-primary: #2E7D32;
  --color-primary-light: #66BB6A;
  --color-primary-dark: #1B5E20;
  --color-primary-darker: #0D3B0E;

  /* Accent Colors */
  --color-accent: #FF6F00;
  --color-accent-light: #FFA000;

  /* Semantic Colors */
  --color-success: #4CAF50;
  --color-warning: #FF9800;
  --color-error: #F44336;
  --color-info: #2196F3;

  /* Neutral Colors */
  --color-light-grey: #F5F5F5;
  --color-medium-grey: #BDBDBD;
  --color-dark-grey: #616161;

  /* Text Colors */
  --color-text: #212121;
  --color-text-secondary: #757575;
  --color-text-hint: #9E9E9E;
  --color-text-light: #FFFFFF;

  /* Background */
  --color-bg: #F6F7F9;
  --color-card: #FFFFFF;

  /* Gradients */
  --gradient-hero: linear-gradient(135deg, #0D3B0E, #1B5E20, #2E7D32, #388E3C);
  --gradient-primary: linear-gradient(135deg, #1B5E20, #2E7D32, #43A047);
  --gradient-accent: linear-gradient(135deg, #FF6F00, #FFA000);
  --gradient-soft: linear-gradient(135deg, #E8F5E9, #C8E6C9);

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 50px;

  /* Shadows */
  --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 6px 20px rgba(0, 0, 0, 0.08);
  --shadow-elevated: 0 10px 30px rgba(0, 0, 0, 0.12);

  /* Typography */
  --font-primary: 'Poppins', 'Noto Sans Sinhala', 'Noto Sans Tamil', sans-serif;

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

  /* Layout */
  --container-max: 1200px;
  --container-narrow: 800px;
  --header-height: 72px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}