/* ═══════════════════════════════════════════════════════════════════════════
   md-flow — Ember Theme
   Fiery dark palette with hot orange-red primary and warm-tinted surfaces.
   Primary: #e85d1a · Secondary: #b87340 · Tertiary: #f0a030 · Neutral: #8a6e5a
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="ember"] {
  /* ── Surface Hierarchy (warm charcoal, red-shifted) ────────────────────── */
  --surface:                   #1a1210;
  --surface-dim:               #140e0c;
  --surface-container-lowest:  #110b09;
  --surface-container-low:     #241a16;
  --surface-container:         #2c201b;
  --surface-container-high:    #382a24;
  --surface-container-highest: #44342c;

  /* ── Content Colors ────────────────────────────────────────────────────── */
  --on-surface:         #f0e0d4;
  --on-surface-variant: #d4b8a6;
  --on-surface-muted:   #8a6e5a;
  --surface-tint:       rgba(232, 93, 26, 0.08);

  /* ── Primary (Hot Orange-Red) ──────────────────────────────────────────── */
  --primary:              #ff8c42;
  --primary-muted:        #e85d1a;
  --primary-container:    #5a1e00;
  --on-primary:           #401200;
  --on-primary-container: #ffdbc8;

  /* ── Secondary (Warm Copper) ───────────────────────────────────────────── */
  --secondary:              #d4966a;
  --secondary-container:    #5e3018;
  --on-secondary:           #3e1c08;
  --on-secondary-container: #ffdbc8;

  /* ── Tertiary (Amber Gold) ─────────────────────────────────────────────── */
  --tertiary:              #f0c060;
  --tertiary-container:    #4a3000;
  --on-tertiary:           #342000;
  --on-tertiary-container: #ffe0a0;

  /* ── Outline ───────────────────────────────────────────────────────────── */
  --outline:         #a0846e;
  --outline-variant: #584030;

  /* ── Status & Priority ─────────────────────────────────────────────────── */
  --priority-high:   #ff6040;
  --priority-medium: #ff8c42;
  --priority-low:    #8fae6b;

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

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

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

  /* ── Elevation (warm ember shadows) ────────────────────────────────────── */
  --shadow-sm:  0px 2px 8px rgba(20, 10, 6, 0.35);
  --shadow-md:  0px 6px 20px rgba(20, 10, 6, 0.45);
  --shadow-lg:  0px 16px 40px rgba(20, 10, 6, 0.55);

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

  /* ── Frosted / Overlay ─────────────────────────────────────────────────── */
  --frosted-bg:       rgba(36, 26, 22, 0.70);
  --overlay-bg:       rgba(20, 14, 12, 0.8);
  --overlay-bg-light: rgba(20, 14, 12, 0.5);
  --panel-glow:       0 0 24px rgba(232, 93, 26, 0.08), 0 0 60px rgba(255, 100, 30, 0.04);
  --panel-outline:    rgba(232, 93, 26, 0.08);
  --highlight-bg:     rgba(232, 93, 26, 0.28);
  --on-primary-btn:   #fff;
  --date-focus-shadow: 0 0 0 2px rgba(232, 93, 26, 0.20);

  /* ── Legacy compat ───────────────────────────────────────────────────── */
  --border:        rgba(88, 64, 48, 0.30);
  --surface-hover: var(--surface-container-low);
}