:root {
  /* ==========================================================================
     1. HARDCODED PALETTE (ASTROWIND MATCH)
     ========================================================================== */

  /* HEADER & PRIMARY BRANDING (Alpine Teal #0f766e) */
  /* This controls the top bar, tabs, and primary buttons */
  --md-primary-fg-color:        #0f766e;
  --md-primary-fg-color--light: #14b8a6; /* Lighter Teal for highlights */
  --md-primary-fg-color--dark:  #0f172a; /* Slate 900 for dark backgrounds */

  /* ACCENT & HOVER (Slate 700 #334155) */
  /* Replaces the "Orange" you saw. Used for links, sliders, and focus states. */
  --md-accent-fg-color:         #334155; 
  --md-accent-fg-color--transparent: rgba(51, 65, 85, 0.1); 

  /* BACKGROUNDS */
  --md-default-bg-color:        #ffffff; /* Pure White */
  --md-code-bg-color:           #f8fafc; /* Slate 50 (Code blocks) */

  /* TYPOGRAPHY COLORS */
  --md-text-color:              #334155; /* Slate 700 (Body text) */
  --md-typeset-h1-color:        #0f172a; /* Slate 900 (Headings) */
  --md-typeset-h2-color:        #0f172a;
  --md-typeset-h3-color:        #0f172a;
  --md-typeset-h4-color:        #0f172a;
  
  /* LINKS (The "Teal" look) */
  --md-typeset-a-color:         #0f766e; 
}

/* ==========================================================================
   2. INTERACTION OVERRIDES
   ========================================================================== */

/* FORCE SLATE HOVER */
/* You asked to replace the Orange hover with Slate */
a:hover, 
.md-typeset a:hover {
  color: #334155 !important; /* Slate 700 */
}

/* TABS NAVIGATION (Top Bar) */
/* Ensure the active tab is white text, inactive is slightly transparent */
.md-tabs__link {
    opacity: 0.7;
}
.md-tabs__link--active {
    font-weight: 700;
    opacity: 1;
}

/* BUTTONS */
/* Force Pill Shape and Alpine Teal background */
.md-button {
    border-radius: 50px;
    background-color: #0f766e;
    color: white;
    font-weight: 600;
    border: none;
}
.md-button:hover {
    background-color: #334155; /* Slate 700 on Hover */
    color: white;
}

/* SEARCH BAR */
/* Remove the "Material Design" shadow to look flatter like AstroWind */
.md-search__input {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px;
}

/* 1. Force the main container (middle content pane) to 90% of the screen width */
.md-grid {
  max-width: 90vw !important;
}

/* TABLES */
/* Force standard tables to take up the full available width */
/* This fixes sub-object tables (like configs) looking narrow compared to the main table */
/* .md-typeset table:not([class]) {
    width: 100%;
} */