/* ═══════════════════════════════════════════════════════════════════════════
   md-flow — Light Theme
   Override tokens for light mode. Values not listed here inherit from :root.
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="light"] {
  /* ── Surface Hierarchy ───────────────────────────────────────────────── */
  --surface:                   #faf8f6;
  --surface-dim:               #f0ece8;
  --surface-container-lowest:  #ffffff;
  --surface-container-low:     #f5f2ef;
  --surface-container:         #eeebe7;
  --surface-container-high:    #e8e4e0;
  --surface-container-highest: #e2deda;

  /* ── Content Colors ──────────────────────────────────────────────────── */
  --on-surface:         #1c1917;
  --on-surface-variant: #4a4540;
  --on-surface-muted:   #8a7f76;
  --surface-tint:       rgba(222, 116, 0, 0.05);

  /* ── Primary ─────────────────────────────────────────────────────────── */
  --primary:              #9a5200;
  --primary-muted:        #c06800;
  --primary-container:    #ffdcba;
  --on-primary:           #ffffff;
  --on-primary-container: #341a00;

  /* ── Secondary ───────────────────────────────────────────────────────── */
  --secondary:              #7a5635;
  --secondary-container:    #ffdcba;
  --on-secondary:           #ffffff;
  --on-secondary-container: #2c1600;

  /* ── Tertiary ────────────────────────────────────────────────────────── */
  --tertiary:              #006590;
  --tertiary-container:    #c8e6ff;
  --on-tertiary:           #ffffff;
  --on-tertiary-container: #001e2e;

  /* ── Outline ─────────────────────────────────────────────────────────── */
  --outline:         #84746a;
  --outline-variant: #d5cac0;

  /* ── Status & Priority ───────────────────────────────────────────────── */
  --priority-high:   #c4391a;
  --priority-medium: #a85d00;
  --priority-low:    #4d7a2a;

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

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

  /* ── Elevation ───────────────────────────────────────────────────────── */
  --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, #ffb36e 0%, #c06800 100%);

  /* ── Frosted / Overlay ───────────────────────────────────────────────── */
  --frosted-bg:       rgba(250, 248, 246, 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(0, 0, 0, 0.08);
  --highlight-bg:     rgba(222, 116, 0, 0.15);
  --on-primary-btn:   #fff;
  --date-focus-shadow: 0 0 0 2px rgba(222, 116, 0, 0.20);

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