:root {
  --color-primary: #D97B4F;
  --color-primary-dark: #C4623A;
  --color-primary-light: #FAECE7;
  --color-primary-text: #712B13;

  --color-white: #FFFFFF;
  --color-bg: #FAF8F6;
  --color-surface: #F0EDE9;
  --color-black: #1A1210;

  --color-text-primary: #1A1210;
  --color-text-secondary: #5C4033;
  --color-text-muted: #9C7B6E;
  --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; /* slightly darker than your base green */

  --color-border: #E8DDD7;
  --color-border-focus: #D97B4F;
  --color-border-error: #C0392B;
  --color-border-subtle: #F5C9AE;

  --color-surface-soft: rgba(125, 88, 64, 0.06);

  --shadow-soft: 0 10px 30px rgba(113, 43, 19, 0.08);
  --shadow-card: 0 12px 40px rgba(26, 18, 16, 0.08);
}