:root {
  --color-primary: #1D9E75;
  --color-primary-dark: #17835F;
  --color-primary-light: #E6F5F0;
  --color-primary-text: #0E5C43;

  --color-white: #FFFFFF;
  --color-bg: #F4FAF7;
  --color-surface: #E8F4EF;
  --color-black: #0A1A14;

  --color-text-primary: #0A1A14;
  --color-text-secondary: #2B5A47;
  --color-text-muted: #5A8C7A;
  --color-text-on-primary: #FFFFFF;

  --color-success: #2D8A4E;
  --color-warning: #D4820A;
  --color-error: #C0392B;
  --color-info: #2471A3;

  --color-success-light: #EAF5EE;
  --color-warning-light: #FEF3E2;
  --color-error-light: #FDECEB;
  --color-info-light: #EAF3FB;

  --color-success-strong: #2e7d4f;

  --color-border: #C8E2D8;
  --color-border-focus: #1D9E75;
  --color-border-error: #C0392B;
  --color-border-subtle: #A8D5C7;

  --color-surface-soft: rgba(29, 158, 117, 0.06);

  --shadow-soft: 0 10px 30px rgba(14, 92, 67, 0.08);
  --shadow-card: 0 12px 40px rgba(10, 26, 20, 0.08);
}