/* ==========================================================================
   Dharma Theme — Medicine Buddha (药师 / lapis lazuli)
   Version: 1.3.2
   Load AFTER dharma-design-system.css to override default warm-brown tokens.
   Do not put component rules here — colors only.
   ========================================================================== */

:root {
  /* Brand palette — lapis */
  --ds-primary: #1a4d8c;
  --ds-primary-strong: #0f2f5c;
  --ds-primary-light: #2d76bd;
  --ds-gold: #4aa3d9;
  --ds-gold-light: #9ed4f2;
  --ds-gold-nav: #b8d9f0;

  /* Actions & chrome */
  --ds-btn-primary-bg: #1e5aa8;
  --ds-btn-primary-bg-hover: #164a8c;
  --ds-btn-primary-bg-active: #0f3668;
  --ds-footer-bg: #0d1f3c;
  --ds-banner-bg: #0a1628;

  /* Semantic surfaces & borders */
  --ds-accent-soft: color-mix(in srgb, var(--ds-primary) 12%, transparent);
  --ds-text-warm: #4a6280;
  --ds-surface-warm: #f0f6fb;
  --ds-surface-cream: #f7fbfe;
  --ds-surface-highlight: #eaf4fb;
  --ds-border-warm: #c5d9eb;
  --ds-border-subtle: color-mix(in srgb, var(--ds-primary-strong) 12%, transparent);
  --ds-notice-bg: #eef6fc;
  --ds-notice-border: #7eb8e0;
  --ds-notice-text: #1a4d8c;
  --ds-lang-active-text: #0f2f5c;
  --ds-offering-hint: #2f7bc4;
  --ds-offering-head-bg: #eaf3fa;
  --ds-autofill-bg: #e8f2fa;

  /* Neutrals */
  --ds-bg: #f4f7fb;
  --ds-surface-soft: #f7fbfe;
  --ds-border: #d0e0ef;
  --ds-text: #2a3f56;
  --ds-text-muted: #5a6f85;
  --ds-text-light: #62778c;

  /* Shadows re-derived from brand */
  --ds-shadow-sm: 0 2px 10px color-mix(in srgb, var(--ds-primary-strong) 6%, transparent);
  --ds-shadow-md: 0 4px 18px color-mix(in srgb, var(--ds-primary) 14%, transparent);
  --ds-nav-shadow: 0 2px 12px color-mix(in srgb, var(--ds-primary) 6%, transparent);
  --ds-gold-glow: 0 4px 16px color-mix(in srgb, var(--ds-gold) 20%, transparent);
  --ds-focus-gold-ring: 0 0 0 0.2rem color-mix(in srgb, var(--ds-gold) 20%, transparent);
}