/* Dream On Real Estate - Custom Color Palette */
/* Based on: #9cc79e (sage green), #e0e2db (warm gray), #beb7a4 (beige), #24272b (charcoal), #07070a (black) */

:root {
  --color-primary: #9cc79e;
  --color-primary-dark: #7ba87d;
  --color-primary-light: #b8deba;
  --color-secondary: #beb7a4;
  --color-bg-light: #e0e2db;
  --color-text-dark: #24272b;
  --color-text-darker: #07070a;
  --color-accent: #8fb591;
}

/* Utility classes for new color scheme */
.bg-primary { background-color: var(--color-primary) !important; }
.bg-primary-dark { background-color: var(--color-primary-dark) !important; }
.bg-primary-light { background-color: var(--color-primary-light) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-light { background-color: var(--color-bg-light) !important; }

.text-primary { color: var(--color-primary) !important; }
.text-primary-dark { color: var(--color-primary-dark) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-dark { color: var(--color-text-dark) !important; }
.text-darker { color: var(--color-text-darker) !important; }

.border-primary { border-color: var(--color-primary) !important; }
.border-secondary { border-color: var(--color-secondary) !important; }

.hover\:bg-primary-dark:hover { background-color: var(--color-primary-dark) !important; }
.hover\:text-primary:hover { color: var(--color-primary) !important; }
.hover\:bg-secondary:hover { background-color: var(--color-secondary) !important; }

/* Override focus rings */
.focus\:ring-primary:focus { --tw-ring-color: var(--color-primary) !important; }
.focus\:border-primary:focus { border-color: var(--color-primary) !important; }