* {
  /* Primary (Dark Brown - logo stroke) */
  --primary-color: #7e563b;
  --primary-color-rgb: 105, 59, 28;

  /* Darker Shade (hover / buttons) */
  --primary-dark: #4E2B14;
  --primary-dark-rgb: 78, 43, 20;

  /* Light Brown */
  --primary-light: #A36A3F;
  --primary-light-rgb: 163, 106, 63;

  /* Secondary (Cream background) */
  --secondary-color: #F0E1D4;
  --secondary-color-rgb: 240, 225, 212;

  /* Soft Beige */
  --secondary-light: #FAF4EF;
  --secondary-light-rgb: 250, 244, 239;

  /* Accent (golden warm tone) */
  --accent-color: #C58A5C;
  --accent-color-rgb: 197, 138, 92;

  /* Border / subtle UI */
  --border-color: #E3D2C3;
  --border-color-rgb: 227, 210, 195;

  /* Text colors */
  --text-dark: #2E1A0F;
  --text-light: #7A5A44;

  /* White */
  --white: #FFFFFF;
  --black: #000000;
}