/* ═══════════════════════════════════════════════════════════════════════════
   md-flow — Memorial Day Theme (Seasonal: May 19 – May 27)
   Light patriotic palette with warm gray surfaces and red/white/blue accents.
   Primary: #B22234 · Secondary: #3C3B6E · Tertiary: #5E6EAF · Neutral: #6E7078
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="memorial"] {
  /* ── Surface Hierarchy (warm medium gray) ────────────────────────────── */
  --surface:                   #d8dbe3;
  --surface-dim:               #cdd0d8;
  --surface-container-lowest:  #c8cbd4;
  --surface-container-low:     #d2d5dd;
  --surface-container:         #c8cbd4;
  --surface-container-high:    #bec1ca;
  --surface-container-highest: #b4b7c0;

  /* ── Content Colors ────────────────────────────────────────────────────── */
  --on-surface:         #1a1c24;
  --on-surface-variant: #3a3c4a;
  --on-surface-muted:   #6E7078;
  --surface-tint:       rgba(60, 59, 110, 0.05);

  /* ── Primary (Rosa Red) ────────────────────────────────────────────────── */
  --primary:              #8a1520;
  --primary-muted:        #B22234;
  --primary-container:    #8b2a38;
  --on-primary:           #ffffff;
  --on-primary-container: #f0d0d4;

  /* ── Secondary (Pastel Dark Blue) ──────────────────────────────────────── */
  --secondary:              #3C3B6E;
  --secondary-container:    #D2DDEC;
  --on-secondary:           #ffffff;
  --on-secondary-container: #1e1e40;

  /* ── Tertiary (Mystic Blue) ────────────────────────────────────────────── */
  --tertiary:              #3C3B6E;
  --tertiary-container:    #D2DDEC;
  --on-tertiary:           #ffffff;
  --on-tertiary-container: #1e1e40;

  /* ── Outline ───────────────────────────────────────────────────────────── */
  --outline:         #6E7078;
  --outline-variant: #b8bcc6;

  /* ── Status & Priority ─────────────────────────────────────────────────── */
  --priority-high:   #B22234;
  --priority-medium: #5E6EAF;
  --priority-low:    #4d7a2a;

  --status-todo:        var(--on-surface-muted);
  --status-in-progress: var(--tertiary);
  --status-done:        var(--secondary);

  --status-draft:       var(--on-surface-muted);
  --status-in-review:   #5E6EAF;
  --status-living:      var(--priority-low);

  /* ── Error ─────────────────────────────────────────────────────────────── */
  --error:              #ba1a1a;
  --error-container:    #ffdad5;
  --on-error-container: #410002;

  /* ── Elevation (soft gray shadows) ─────────────────────────────────────── */
  --shadow-sm:  0px 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md:  0px 6px 20px rgba(0, 0, 0, 0.10);
  --shadow-lg:  0px 16px 40px rgba(0, 0, 0, 0.14);

  /* ── Gradient ──────────────────────────────────────────────────────────── */
  --gradient-primary: linear-gradient(135deg, #B22234 0%, #3C3B6E 100%);

  /* ── Frosted / Overlay ─────────────────────────────────────────────────── */
  --frosted-bg:       rgba(216, 219, 227, 0.75);
  --overlay-bg:       rgba(0, 0, 0, 0.35);
  --overlay-bg-light: rgba(0, 0, 0, 0.20);
  --panel-glow:       0 0 24px rgba(0, 0, 0, 0.06), 0 0 60px rgba(0, 0, 0, 0.03);
  --panel-outline:    rgba(60, 59, 110, 0.10);
  --highlight-bg:     rgba(178, 34, 52, 0.12);
  --on-primary-btn:   #fff;
  --date-focus-shadow: 0 0 0 2px rgba(178, 34, 52, 0.20);

  /* ── Legacy compat ───────────────────────────────────────────────────── */
  --border:        rgba(0, 0, 0, 0.12);
  --surface-hover: var(--surface-container-low);
}