/* ============================================================================
 * Palette overrides — adapted from astro-portfolio's :root tokens.
 *
 * Strategy: don't reskin the theme. Just retarget Material's well-known
 * --md-* CSS variables so the warm off-white background and deep-blue accent
 * carry through to typography, links, top bar, code blocks, and admonitions.
 *
 * Source palette (astro-portfolio/src/styles/global.css):
 *   --bg:         #f9f6f1   warm off-white
 *   --surface:    #ffffff
 *   --surface-2:  #f6f2e8   cream
 *   --line:       #ddd6c6
 *   --text:       #18181b   near-black
 *   --muted:      #71717a
 *   --accent:     #005B96   deep blue
 * ========================================================================== */

/* Match Zensical's own selector pattern (`:root,[data-md-color-scheme=default]`)
 * exactly so source-order tiebreak is unambiguous regardless of how browsers
 * interpret selector-list specificity. Both selectors target the html element
 * when the light/default scheme is active. */
:root,
[data-md-color-scheme="default"] {
  /* Backgrounds + typography */
  --md-default-bg-color:                 #f9f6f1;
  --md-default-bg-color--light:          rgba(249, 246, 241, 0.7);
  --md-default-bg-color--lighter:        rgba(249, 246, 241, 0.45);
  --md-default-bg-color--lightest:       rgba(249, 246, 241, 0.25);

  --md-default-fg-color:                 #18181b;
  --md-default-fg-color--light:          #3f3f46;
  --md-default-fg-color--lighter:        #71717a;
  --md-default-fg-color--lightest:       rgba(113, 113, 122, 0.5);

  /* Top bar / brand color */
  --md-primary-fg-color:                 #005B96;
  --md-primary-fg-color--light:          #1a6ea3;
  --md-primary-fg-color--dark:           #003d65;
  --md-primary-bg-color:                 #ffffff;
  --md-primary-bg-color--light:          rgba(255, 255, 255, 0.75);

  /* Accent: links, focus rings, search highlight, sidebar active marker */
  --md-accent-fg-color:                  #005B96;
  --md-accent-fg-color--transparent:     rgba(0, 91, 150, 0.10);
  --md-accent-bg-color:                  #ffffff;
  --md-accent-bg-color--light:           rgba(255, 255, 255, 0.75);

  /* Body links specifically (in case the theme uses this token) */
  --md-typeset-a-color:                  #005B96;

  /* Code blocks — astro-portfolio's surface-2 cream */
  --md-code-bg-color:                    #f6f2e8;
  --md-code-fg-color:                    #18181b;

  /* Admonition / table borders */
  --md-typeset-table-color:              #ddd6c6;
}

/* ----------------------------------------------------------------------------
 * Dark mode (slate scheme): keep the brand blue lighter for contrast,
 * use dark surfaces in the same family.
 * -------------------------------------------------------------------------- */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:                 #18181b;
  --md-default-bg-color--light:          rgba(24, 24, 27, 0.7);
  --md-default-bg-color--lighter:        rgba(24, 24, 27, 0.45);

  --md-default-fg-color:                 #f9f6f1;
  --md-default-fg-color--light:          #d4d4d8;
  --md-default-fg-color--lighter:        #a1a1aa;
  --md-default-fg-color--lightest:       rgba(161, 161, 170, 0.5);

  /* Lighter blue for legibility on dark backgrounds */
  --md-primary-fg-color:                 #4a9fdb;
  --md-primary-fg-color--light:          #6bb3e6;
  --md-primary-fg-color--dark:           #2d7ab8;

  --md-accent-fg-color:                  #4a9fdb;
  --md-accent-fg-color--transparent:     rgba(74, 159, 219, 0.14);

  --md-typeset-a-color:                  #4a9fdb;

  --md-code-bg-color:                    #27272a;
  --md-code-fg-color:                    #f9f6f1;

  --md-typeset-table-color:              rgba(255, 255, 255, 0.12);
}