:root {
  --color-primary: #4A7C9B;
  --color-primary-light: #6A9BB8;
  --color-primary-dark: #3A6278;
  --color-secondary: #7BA3B8;
  --color-background: #F5F8FA;
  --color-surface: #FFFFFF;
  --color-border: #C8D8E4;
  --color-border-light: #E4EDF3;
  --color-text-primary: #2C4A5E;
  --color-text-secondary: #4A6B7C;
  --color-text-muted: #8AA4B4;
  --color-success: #5A8A6A;
  --color-warning: #B89A5A;
  --color-danger: #A85A5A;
  --color-info: #5A7A9A;

  --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, #9BBDD0 100%);
  --gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-background) 100%);
  --gradient-header: linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);
  --gradient-accent: linear-gradient(90deg, var(--color-primary) 0%, var(--color-success) 100%);
}