/* ═══════════════════════════════════════════════════════════════════════════
   md-flow — Autumn Theme
   Warm, muted palette with earthy tones. Dark base with amber/rust accents.
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="autumn"] {
  /* ── Surface Hierarchy ───────────────────────────────────────────────── */
  --surface:                   #1f1b17;
  --surface-dim:               #181410;
  --surface-container-lowest:  #14110e;
  --surface-container-low:     #282219;
  --surface-container:         #302920;
  --surface-container-high:    #3b3328;
  --surface-container-highest: #463d31;

  /* ── Content Colors ──────────────────────────────────────────────────── */
  --on-surface:         #efe3d4;
  --on-surface-variant: #c9b9a6;
  --on-surface-muted:   #8a7a66;
  --surface-tint:       rgba(196, 120, 30, 0.06);

  /* ── Primary (Amber/Rust) ────────────────────────────────────────────── */
  --primary:              #f0b060;
  --primary-muted:        #c4781e;
  --primary-container:    #4a2e08;
  --on-primary:           #3a2200;
  --on-primary-container: #ffddb0;

  /* ── Secondary (Warm Brown) ──────────────────────────────────────────── */
  --secondary:              #c89e70;
  --secondary-container:    #5a3818;
  --on-secondary:           #3a2008;
  --on-secondary-container: #f0d8b8;

  /* ── Tertiary (Olive/Sage) ───────────────────────────────────────────── */
  --tertiary:              #a0c478;
  --tertiary-container:    #2a4010;
  --on-tertiary:           #1a2e04;
  --on-tertiary-container: #d0eab0;

  /* ── Outline ─────────────────────────────────────────────────────────── */
  --outline:         #96866e;
  --outline-variant: #504430;

  /* ── Status & Priority ───────────────────────────────────────────────── */
  --priority-high:   #e07050;
  --priority-medium: #f0b060;
  --priority-low:    #88a85e;

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

  /* ── Error ───────────────────────────────────────────────────────────── */
  --error:              #ffb0a0;
  --error-container:    #5a1410;
  --on-error-container: #ffd8d0;

  /* ── Elevation ───────────────────────────────────────────────────────── */
  --shadow-sm:  0px 2px 8px rgba(20, 16, 10, 0.30);
  --shadow-md:  0px 6px 20px rgba(20, 16, 10, 0.40);
  --shadow-lg:  0px 16px 40px rgba(20, 16, 10, 0.50);

  /* ── Gradient ────────────────────────────────────────────────────────── */
  --gradient-primary: linear-gradient(135deg, #f0b060 0%, #c4781e 100%);

  /* ── Frosted / Overlay ───────────────────────────────────────────────── */
  --frosted-bg:       rgba(40, 34, 25, 0.65);
  --overlay-bg:       rgba(20, 16, 10, 0.8);
  --overlay-bg-light: rgba(20, 16, 10, 0.5);
  --panel-glow:       0 0 24px rgba(196, 120, 30, 0.06), 0 0 60px rgba(196, 120, 30, 0.03);
  --panel-outline:    rgba(196, 120, 30, 0.05);
  --highlight-bg:     rgba(196, 120, 30, 0.25);
  --on-primary-btn:   #fff;
  --date-focus-shadow: 0 0 0 2px rgba(196, 120, 30, 0.15);

  /* ── Legacy compat ───────────────────────────────────────────────────── */
  --border:        rgba(80, 68, 48, 0.25);
  --surface-hover: var(--surface-container-low);
}