/* =========================================================
   odgreen.css — Palette & theme tokens ONLY
   - All colors live here. base.css remains palette-agnostic.
   - Provide full values (e.g., box-shadow needs offsets, not just a color).
   ========================================================= */

/* ---------- Core palette ---------- */
:root{
  /* Surfaces & text */
  --bg-color:    #F5F7F8;  /* page background */
  --text-color:  #2B2B2B;  /* primary text */
  --muted-text:  #555555;  /* secondary text */

  /* Cards */
  --card-bg:     #FFFFFF;  /* card background */
  --card-text:   #444444;  /* card body text */

  /* Accents */
  --accent-color: #3A6EA5; /* links, emphasis, icons */
  --accent-hover: #2C5684; /* hover/active state */

  /* Lines & states */
  --divider-color:  #D1D5D8; /* borders, separators */
  --inactive-color: #B0B3B8; /* disabled/quiet UI */

  /* Shadows (FULL box-shadow value; not just a color) */
  --box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

/* ---------- Legacy var mapping (compat layer) ----------
   Keeps older markup/styles working without touching base.css */
:root{
  --page-bg:   var(--bg-color);
  --page-text: var(--text-color);
}

/* ---------- Link color normalization ----------
   Structural states only; base.css handles layout/interaction */
a,
a:visited{
  color: var(--accent-color);
}
a:hover,
a:focus{
  color: var(--accent-hover);
}