:root {
    --text: #6e4a23;
    --background: #dad2c3;
    --primary: #a47743;
    --secondary: #9a7e49;
    --accent: #902406;

    --text-header: #b57837;
    --background-darker: #dbceb5;
    --text-subheader: #cd9f2b;
    --blue: #73a2b3;
    --accentBackground: #b78577;

      /* Base palette */
    --btn_primary:   #a47743; /* warm gold */
    --btn_secondary: #9a7e49; /* muted bronze */
    --btn_success:   #5c8d52; /* earthy green */
    --btn_danger:    #b23a3a; /* deep rust-red */
    --btn_warning:   #cd9f2b; /* warm amber */
    --btn_info:      #73a2b3; /* muted teal-blue */
    --btn_light:     #f3e6d8; /* pale parchment */
    --btn_dark:      #3f3727; /* deep brown */
    --btn_link:      #902406; /* accent red */
    
    /* Accent (complimentary / hover-ready) */
    --btn_primary-accent:   #cd9f2b; /* brighter goldenrod */
    --btn_secondary-accent: #c49c6e; /* lighter bronze highlight */
    --btn_success-accent:   #7cbf69; /* sage green pop */
    --btn_danger-accent:    #f7643b; /* vibrant orange-red */
    --btn_warning-accent:   #f3ba2f; /* sunflower yellow */
    --btn_info-accent:      #5fa9c7; /* lighter sky-teal */
    --btn_light-accent:     #ffffff; /* pure white edge */
    --btn_dark-accent:      #120d07; /* almost black for contrast */
    --btn_link-accent:      #f53d0a; /* fiery orange */

    --text-50: #f9f2ec;
    --text-100: #f3e6d8;
    --text-200: #e7cdb1;
    --text-300: #dab48b;
    --text-400: #ce9b64;
    --text-500: #c2823d;
    --text-600: #9b6831;
    --text-700: #744e25;
    --text-800: #4e3418;
    --text-900: #271a0c;
    --text-950: #130d06;

    --background-50: #f5f3ef;
    --background-100: #ece7df;
    --background-200: #d8d0c0;
    --background-300: #c5b8a0;
    --background-400: #b1a081;
    --background-500: #9e8961;
    --background-600: #7e6d4e;
    --background-700: #5f523a;
    --background-800: #3f3727;
    --background-900: #201b13;
    --background-950: #100e0a;

    --primary-50: #f8f3ed;
    --primary-100: #f0e6db;
    --primary-200: #e1cdb7;
    --primary-300: #d3b592;
    --primary-400: #c49c6e;
    --primary-500: #b5834a;
    --primary-600: #91693b;
    --primary-700: #6d4f2c;
    --primary-800: #48341e;
    --primary-900: #241a0f;
    --primary-950: #120d07;

    --secondary-50: #f7f4ee;
    --secondary-100: #efe8dc;
    --secondary-200: #ded2ba;
    --secondary-300: #cebb97;
    --secondary-400: #bea474;
    --secondary-500: #ad8d52;
    --secondary-600: #8b7141;
    --secondary-700: #685531;
    --secondary-800: #453921;
    --secondary-900: #231c10;
    --secondary-950: #110e08;

    --accent-50: #feece7;
    --accent-100: #fdd8ce;
    --accent-200: #fbb19d;
    --accent-300: #f98b6c;
    --accent-400: #f7643b;
    --accent-500: #f53d0a;
    --accent-600: #c43108;
    --accent-700: #932506;
    --accent-800: #621804;
    --accent-900: #310c02;
    --accent-950: #180601;


}

/* === Bootstrap Overrides (baked-in) ===
   These rules map Bootstrap components to your theme variables.
   Safe to include directly in each theme file. */

/* Buttons (solid) */
.btn-primary   { background: var(--btn_primary);   border-color: var(--btn_primary);   color: #fff; }
.btn-secondary { background: var(--btn_secondary); border-color: var(--btn_secondary); color: #fff; }
.btn-success   { background: var(--btn_success);   border-color: var(--btn_success);   color: #fff; }
.btn-danger    { background: var(--btn_danger);    border-color: var(--btn_danger);    color: #fff; }
.btn-warning   { background: var(--btn_warning);   border-color: var(--btn_warning);   color: #000; }
.btn-info      { background: var(--btn_info);      border-color: var(--btn_info);      color: #000; }
.btn-light     { background: var(--btn_light);     border-color: var(--btn_light);     color: #000; }
.btn-dark      { background: var(--btn_dark);      border-color: var(--btn_dark);      color: #fff; }

.btn-primary:hover   { background: var(--btn_primary-accent);   border-color: var(--btn_primary-accent); }
.btn-secondary:hover { background: var(--btn_secondary-accent); border-color: var(--btn_secondary-accent); }
.btn-success:hover   { background: var(--btn_success-accent);   border-color: var(--btn_success-accent); }
.btn-danger:hover    { background: var(--btn_danger-accent);    border-color: var(--btn_danger-accent); }
.btn-warning:hover   { background: var(--btn_warning-accent);   border-color: var(--btn_warning-accent); }
.btn-info:hover      { background: var(--btn_info-accent);      border-color: var(--btn_info-accent); }
.btn-light:hover     { background: var(--btn_light-accent);     border-color: var(--btn_light-accent); }
.btn-dark:hover      { background: var(--btn_dark-accent);      border-color: var(--btn_dark-accent); }

/* Buttons (outline) */
.btn-outline-primary   { color: var(--btn_primary);   border-color: var(--btn_primary); }
.btn-outline-secondary { color: var(--btn_secondary); border-color: var(--btn_secondary); }
.btn-outline-success   { color: var(--btn_success);   border-color: var(--btn_success); }
.btn-outline-danger    { color: var(--btn_danger);    border-color: var(--btn_danger); }
.btn-outline-warning   { color: var(--btn_warning);   border-color: var(--btn_warning); }
.btn-outline-info      { color: var(--btn_info);      border-color: var(--btn_info); }
.btn-outline-light     { color: var(--btn_light);     border-color: var(--btn_light); }
.btn-outline-dark      { color: var(--btn_dark);      border-color: var(--btn_dark); }

.btn-outline-primary:hover   { background: var(--btn_primary);   color: #fff; border-color: var(--btn_primary); }
.btn-outline-secondary:hover { background: var(--btn_secondary); color: #fff; border-color: var(--btn_secondary); }
.btn-outline-success:hover   { background: var(--btn_success);   color: #fff; border-color: var(--btn_success); }
.btn-outline-danger:hover    { background: var(--btn_danger);    color: #fff; border-color: var(--btn_danger); }
.btn-outline-warning:hover   { background: var(--btn_warning);   color: #000; border-color: var(--btn_warning); }
.btn-outline-info:hover      { background: var(--btn_info);      color: #000; border-color: var(--btn_info); }
.btn-outline-light:hover     { background: var(--btn_light);     color: #000; border-color: var(--btn_light); }
.btn-outline-dark:hover      { background: var(--btn_dark);      color: #fff; border-color: var(--btn_dark); }

/* Alerts */
.alert-success { color: var(--success-contrast); background: var(--success-bg); border-color: var(--success-border); }
.alert-danger  { color: var(--danger-contrast);  background: var(--danger-bg);  border-color: var(--danger-border); }
.alert-warning { color: var(--warning-contrast); background: var(--warning-bg); border-color: var(--warning-border); }

/* Badges */
.badge.bg-primary   { background: var(--btn_primary); }
.badge.bg-secondary { background: var(--btn_secondary); }
.badge.bg-success   { background: var(--btn_success); }
.badge.bg-danger    { background: var(--btn_danger); }
.badge.bg-warning   { background: var(--btn_warning); color:#000; }
.badge.bg-info      { background: var(--btn_info); color:#000; }
.badge.bg-light     { background: var(--btn_light); color:#000; }
.badge.bg-dark      { background: var(--btn_dark); }

/* Links */
a { color: var(--accent); }
a:hover { color: var(--btn_link-accent); }

/* Cards / Surfaces (if theme defines --surface*) */
.card { background: var(--surface); color: var(--text); }
.card .card-header { background: var(--surface-2); }