@charset "UTF-8";
:root {

  /* --- CUSTOM THEME CORE COLORS --- */
  --my-primary: #933708;         /* The primary color in the theme (Ember) */
  --my-secondary: #BE7505;       /* The secondary color of the theme (Golden Harvest) */
  --my-tertiary: #FFF9E5;        /* The tertiary color of the theme (Warm Cream) */
  --my-accent: #BE7505;          /* The secondary color of the theme used for icons */
  --my-bg-light: #FFF9E5;        /* Warm Cream for neutral light background */
  --my-second-stop: #BC470A;     /* A lighter version of my-primary for gradients */

/* --- INTERFACE & BORDERS --- */
  --my-border: #BE7505;          
  --my-link: var(--my-secondary-shades-600);            
  --my-link-hover: var(--my-secondary-shades-500);      
  --my-surface: #FFFFFF;         

  /* BOOTSTRAP 5 SPECIFIC MAPPINGS - Forces variables into the card component */
  --bs-card-cap-bg: var(--my-secondary);    /* Applies Secondary to Header/Footer */
  --bs-card-cap-color: var(--my-text-heading); /* Applies Dark Primary to Text */
  --bs-card-border-color: var(--my-secondary); /* Applies Secondary to Card Border */
  --bs-card-bg: var(--my-surface);          /* Ensures Card Body stays White */
  
  /* --- TEXT & TYPOGRAPHY --- */
  --my-text-heading: #4C1D04;    /* A dark hue based on my-primary, ~30% lighter than black */
  --my-text-body: #4C1D04;       /* A dark hue based on my-primary, ~30% lighter than black */
  --my-text-contrast: #FFFFFF;   /* White on Dark backgrounds */


  /* --- RGB VALUES (For Transparency) --- */
  --my-primary-rgb: 147, 55, 8;      /* The RGB primary color in the theme */
  --my-secondary-rgb: 190, 117, 5;   /* The RGB secondary color in the theme */
  --my-text-body-rgba: 76, 29, 4;     /* The RGB equivalent of the dark primary hue */
  --my-link-hover-rgba: 188, 71, 10;  /* The RGB equivalent of the second gradient stop */
  
  --my-primary-shades-100: #f4ebe6;  /* 9 incremental shades of the primary (Ember) */
  --my-primary-shades-200: #e9d7ce;
  --my-primary-shades-300: #d3af9c;
  --my-primary-shades-400: #bd876b;
  --my-primary-shades-500: #a75f39;
  --my-primary-shades-600: #933708;
  --my-primary-shades-700: #762c06;
  --my-primary-shades-800: #582105;
  --my-primary-shades-900: #3b1603;

  --my-secondary-shades-100: #f9f1e6;  /* 9 incremental shades of the secondary (Golden Harvest) */
  --my-secondary-shades-200: #f2e3cd;
  --my-secondary-shades-300: #e6c89b;
  --my-secondary-shades-400: #d9ad69;
  --my-secondary-shades-500: #cd9137;
  --my-secondary-shades-600: #BE7505;
  --my-secondary-shades-700: #985e04;
  --my-secondary-shades-800: #724603;
  --my-secondary-shades-900: #4c2f02;

  --my-tertiary-shades-100: #fffefc;  /* 9 incremental shades of the tertiary (Warm Cream) */
  --my-tertiary-shades-200: #fffdfa;
  --my-tertiary-shades-300: #fffcf5;
  --my-tertiary-shades-400: #fffaf0;
  --my-tertiary-shades-500: #fff9e5;
  --my-tertiary-shades-600: #ccc7b7;
  --my-tertiary-shades-700: #999589;
  --my-tertiary-shades-800: #66645c;
  --my-tertiary-shades-900: #33322e;

  /* --- BOOTSTRAP/CASSIPOEIA MAPPING --- */
  --cassiopeia-color-primary: var(--my-primary);
  --cassiopeia-color-link: var(--my-link);
  --link-color: var(--my-link);
  --link-color-rgb: var(--my-text-body-rgba);
  --cassiopeia-color-hover: var(--my-link-hover);
  --link-hover-color: var(--my-link-hover);
  --link-hover-color-rgb: var(--my-link-hover-rgba);

  --blue: #010156;
  --black: #000;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #a51f18;
  --orange: #fd7e17;
  --yellow: #ad6200;
  --green: #448344;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: #fff;
  --gray-100: var(--my-primary-shades-100);
  --gray-200: var(--my-primary-shades-200);
  --gray-300: var(--my-primary-shades-300);
  --gray-400: var(--my-primary-shades-400);
  --gray-500: var(--my-primary-shades-500);
  --gray-600: var(--my-primary-shades-600);
  --gray-700: var(--my-primary-shades-700);
  --gray-800: var(--my-primary-shades-800);
  --gray-900: var(--my-primary-shades-900);
  
  --primary: var(--my-primary);
  --secondary:  var(--my-primary-shades-600);
  --success: #448344;
  --info: var(--my-info);
  --warning: var(--my-warning);
  --danger: var(--my-danger);
  --light: var(--my-primary-shades-100);
  --dark: var(--my-primary-shades-800);
  --primary-rgb: var(--my-primary-rgb);
  --secondary-rgb: var(--my-text-body-rgba); 
  --success-rgb: 68, 131, 68;
  --info-rgb: var(--my-secondary-rgb);  /*changes hits background maybe more*/
  --warning-rgb: 255, 184, 28;
  --danger-rgb: 180, 0, 6;
  --light-rgb: 249, 250, 250;
  --dark-rgb: 59, 6, 14;
  --primary-text-emphasis: var(--my-primary);
  --secondary-text-emphasis: var(--my-secondary-shades-800);
  --success-text-emphasis: #1b351b;
  --info-text-emphasis: var(--my-primary-shades-900); 
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #420c09;
  --light-text-emphasis: var(--my-primary-shades-300);
  --dark-text-emphasis: var(--my-primary-shades-700);
  --primary-bg-subtle: var(--my-primary-shades-100);
  --secondary-bg-subtle: var(--my-primary-shades-100);
  --success-bg-subtle: var(--my-primary-shades-100);
  --info-bg-subtle: var(--my-primary-shades-100);
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfcfd;
  --dark-bg-subtle: var(--my-primary-shades-400);
  --primary-border-subtle: var(--my-primary-shades-200);
  --secondary-border-subtle: var(--my-primary-shades-200);
  --success-border-subtle: #b4ceb4;
  --info-border-subtle: var(--my-primary-shades-300);
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a2;
  --light-border-subtle: var(--my-primary-shades-100);
  --dark-border-subtle: var(--my-primary-shades-500);
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: var(--my-text-body); /* Global Text Color */
  --body-color-rgb: var(--my-primary-rgb);
  --body-bg: var(--my-tertiary-shades-100); /* changes the backgrond of the page*/
  --body-bg-rgb: 255, 249, 229;
  --emphasis-color: var(--my-text-body); /*This changes the text color of the lined tables */
  --emphasis-color-rgb: var(--my-text-body-rgba);   /*This changes the background color of the lined tables */
  --secondary-color: var(--my-text-body-rgba);
  --secondary-color-rgb: var(--my-text-body-rgba);
  --secondary-bg: var(--my-primary-shades-100);
  --secondary-bg-rgb: var(--my-text-body-rgba);
  --tertiary-color: var(--my-text-body-rgba);
  --tertiary-color-rgb: var(--my-text-body-rgba);
  --tertiary-bg: var(--my-primary-shades-100);
  --tertiary-bg-rgb: 248, 231, 233;
  --heading-color: inherit;
  --link-color: var(--my-link);
  --link-color-rgb: var(--my-text-body-rgba);
  --link-decoration: underline;
  --link-hover-color: var(--my-link-hover);
  --link-hover-color-rgb: var(--my-link-hover-rgba);
  --code-color: #e93f8e;
  --highlight-color: var(--my-primary-shades-900); 
  --highlight-bg: #fbeea8;
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--my-primary-shades-300);
  --border-color-translucent: #0000002d;
  --border-radius: .25rem;
  --border-radius-sm: .2rem;
  --border-radius-lg: .3rem;
  --border-radius-xl: .3rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: var(--border-radius-xxl);
  --border-radius-pill: 50rem;
  --box-shadow: 0 .5rem 1rem #00000026;
  --box-shadow-sm: 0 .125rem .25rem #00000013;
  --box-shadow-lg: 0 1rem 3rem #0000002d;
  --box-shadow-inset: inset 0 1px 2px #00000013;
  --focus-ring-width: .25rem;
  --focus-ring-opacity: .25;
  --focus-ring-color: rgba(var(--my-secondary-rgb), 0.25); 
  --form-valid-color: #448344;
  --form-valid-border-color: #448344;
  --form-invalid-color: #a51f18;
  --form-invalid-border-color: #a51f18;
  --card-cap-bg: rgba(var(--body-color-rgb), 1);
}

/* --- LAYOUT FIXES: CARD COMPONENT --- */
/* This block is required because template specificity overrides :root variables */
.card-header {
  background-color: var(--my-tertiary-shades-100) !important;
 color: var(--my-primary-shades-500);
}

.pagination .page-item.active .page-link {
    background-color: var(--my-secondary-shades-500) !important;

}


/* --- GRADIENT HEADER --- */
.header {
  background-color: var(--my-primary) !important; 
  /* 180deg flows from top to bottom */
  background-image: linear-gradient(180deg, var(--my-primary) 0%, var(--my-second-stop) 100%) !important;    
  border-top: none !important;                    
  border-bottom: 10px solid var(--my-secondary-shades-500) !important; 
  --card-cap-bg: rgba(var(--body-color-rgb), 1);
}

/* --- GRADIENT FOOTER --- */
.footer {
  background-color: var(--my-primary) !important; 
  /* 0deg flows from bottom to top (Reverse) */
  background-image: linear-gradient(0deg, var(--my-primary) 0%, var(--my-second-stop) 100%) !important;    
  border-top: 10px solid var(--my-secondary-shades-500) !important;    
  border-bottom: none !important;                 
}