/* ═══════════════════════════════════════════════════════════
   PARCHMENT — warm cream color override
   Applies on top of the warm palette design via data-scheme.
   data-palette stays "warm" so all warm-redesign.css rules apply.
   This file only changes colors — nothing else.
   ═══════════════════════════════════════════════════════════ */

/* ─── Token overrides: cream ground instead of gray ─── */
[data-scheme="parchment"] {
  --bg:          #EDE9DF;
  --surface:     #EDE9DF;
  --surface-2:   #E3DED4;
  --surface-3:   #D8D3C8;
  --card:        #FFFFFF;
  --card-hover:  #FAFAF8;

  --border:      rgba(80,65,45,0.10);
  --border-2:    rgba(80,65,45,0.16);
  --border-strong: rgba(80,65,45,0.26);

  --text:        #1A1610;
  --text-2:      #4A4540;
  --text-3:      #7A756E;
  --text-4:      #A8A29A;
  --text-5:      #C8C2BA;

  --a:           #2A2418;
  --a-2:         #1A1610;
  --a-3:         #4A4438;
  --a-soft:      rgba(42,36,24,0.07);
  --a-soft-2:    rgba(42,36,24,0.12);
  --a-soft-3:    rgba(42,36,24,0.18);
  --a-shadow:    rgba(42,36,24,0.25);

  /* Hundred Acre Wood accents */
  --green:       #5C8A5A;  /* forest moss */
  --green-soft:  rgba(92,138,90,0.14);
  --red:         #A85840;  /* autumn terracotta */
  --red-soft:    rgba(168,88,64,0.12);
  --amber:       #B8882A;  /* deep honey */
  --amber-soft:  rgba(184,136,42,0.14);
  --txt-green:   #3E6A3C;
  --txt-red:     #8C3E2A;
  --txt-amber:   #8C6010;

  --shadow:      0 1px 3px rgba(60,48,30,0.05);
  --shadow-sm:   0 1px 4px rgba(60,48,30,0.08), 0 0 0 1px rgba(60,48,30,0.05);
  --shadow-md:   0 4px 18px rgba(60,48,30,0.10), 0 0 0 1px rgba(60,48,30,0.06);
  --shadow-lg:   0 18px 44px rgba(60,48,30,0.14);
  --shadow-2:    var(--shadow-md);
  --shadow-gold: var(--shadow-md);
  --shadow-a:    var(--shadow-md);
  --grid-line:   rgba(60,48,30,0.05);
  --fg-neutral:  rgba(60,48,30,0.05);
  --header-grad: linear-gradient(135deg, #2C2418 0%, #1A1610 100%);
}

/* ─── Hardcoded surface overrides from warm-redesign.css ─── */

/* Sidebar: cream instead of white */
[data-scheme="parchment"] .ct-sidebar {
  background: #E3DED4 !important;
}

/* WN inset band: cream */
[data-scheme="parchment"] .zc-wn-wrapper {
  background: #EDE9DF !important;
  box-shadow:
    inset 0 7px 14px rgba(60,48,30,0.12),
    inset 0 -7px 14px rgba(60,48,30,0.08) !important;
}

/* Search bar: cream */
[data-scheme="parchment"] .zc-search-row {
  background: #EDE9DF !important;
  box-shadow:
    inset 3px 3px 7px rgba(60,48,30,0.11),
    inset -2px -2px 6px rgba(255,255,255,0.70) !important;
}
[data-scheme="parchment"] .zc-search-row:focus-within {
  box-shadow:
    inset 4px 4px 9px rgba(60,48,30,0.14),
    inset -2px -2px 7px rgba(255,255,255,0.75) !important;
}

/* Inset cards (project detail contact/cost/files sections): cream */
[data-scheme="parchment"] .zc-inset-card {
  background: #EDE9DF !important;
  box-shadow:
    inset 4px 4px 10px rgba(60,48,30,0.11),
    inset -3px -3px 8px rgba(255,255,255,0.72) !important;
}

/* KPI tiles: warm-tinted inset shadow */
[data-scheme="parchment"] .ct-tile {
  box-shadow:
    inset 4px 4px 10px rgba(60,48,30,0.11),
    inset -3px -3px 8px rgba(255,255,255,0.80) !important;
}
[data-scheme="parchment"] .ct-tile:hover {
  box-shadow:
    inset 5px 5px 12px rgba(60,48,30,0.14),
    inset -3px -3px 9px rgba(255,255,255,0.85) !important;
}

/* Progress track empty fill: warmer tone */
[data-scheme="parchment"] .proj-progress-track {
  background: #D5D0C4 !important;
}

/* Upcoming phase blocks: warmer tone */
[data-scheme="parchment"] .zc-proj-block-upcoming {
  background: #D5D0C4 !important;
}
[data-scheme="parchment"] .zc-pd-phase.upcoming .zc-pd-phase-block {
  background: #D5D0C4 !important;
}

/* ─── Hundred Acre Wood accent overrides ─────────────────── */
/* These override hardcoded hex values in warm-redesign.css   */

/* Primary blue → dusty Oxford blue */
[data-scheme="parchment"] .ct-btn-primary {
  background: #5C7A9E !important;
  border-color: #5C7A9E !important;
  box-shadow: 0 2px 10px rgba(92,122,158,0.22) !important;
}
[data-scheme="parchment"] .ct-btn-primary:hover {
  background: #4A6888 !important;
  border-color: #4A6888 !important;
  box-shadow: 0 5px 20px rgba(92,122,158,0.28) !important;
}

/* Progress bar fill */
[data-scheme="parchment"] .proj-progress-fill {
  background: #5C7A9E !important;
}

/* Phase tracker blocks (project detail) */
[data-scheme="parchment"] .zc-pd-phase.done .zc-pd-phase-block,
[data-scheme="parchment"] .zc-pd-phase.active .zc-pd-phase-block {
  background: #5C7A9E !important;
}
[data-scheme="parchment"] .zc-pd-phase.done .zc-pd-phase-name,
[data-scheme="parchment"] .zc-pd-phase.active .zc-pd-phase-name {
  color: #5C7A9E !important;
}

/* Project phase bars (overview cards) */
[data-scheme="parchment"] .zc-proj-block-done {
  background: #5C7A9E !important;
  opacity: 0.9 !important;
}
[data-scheme="parchment"] .zc-proj-block-active {
  background: #5C7A9E !important;
  opacity: 0.30 !important;
}

/* WN card level stripes */
[data-scheme="parchment"] .zc-wn-card[data-level="red"]::before    { background: #A85840 !important; }
[data-scheme="parchment"] .zc-wn-card[data-level="amber"]::before  { background: #B8882A !important; }
[data-scheme="parchment"] .zc-wn-card[data-level="green"]::before  { background: #5C8A5A !important; }

/* WN badge text colors */
[data-scheme="parchment"] .zc-wn-badge[data-level="red"]    { background: rgba(168,88,64,0.11)  !important; color: #A85840 !important; }
[data-scheme="parchment"] .zc-wn-badge[data-level="amber"]  { background: rgba(184,136,42,0.12) !important; color: #8C6010 !important; }
[data-scheme="parchment"] .zc-wn-badge[data-level="green"]  { background: rgba(92,138,90,0.13)  !important; color: #3E6A3C !important; }

/* Project status dot */
[data-scheme="parchment"] .proj-status {
  background: #5C8A5A !important;
  box-shadow: 0 0 0 2px rgba(92,138,90,0.25) !important;
}
@keyframes parchmentstatuspulse {
  0%,100% { box-shadow: 0 0 0 2px rgba(92,138,90,0.25); }
  50%      { box-shadow: 0 0 0 4px rgba(92,138,90,0); }
}

/* Milestone done icon */
[data-scheme="parchment"] .zc-proj-milestone.done .zc-proj-mi { color: #5C8A5A !important; }
[data-scheme="parchment"] .zc-proj-milestone.active .zc-proj-mi { color: #1A1610 !important; }
[data-scheme="parchment"] .zc-proj-milestone.next .zc-proj-mi { color: #C8C2BA !important; }

/* Task dot colors */
[data-scheme="parchment"] .proj-task-dot.done { background: #5C8A5A !important; }
[data-scheme="parchment"] .proj-task-dot.next { background: #2A2418 !important; }

/* Action item done state (project detail) */
[data-scheme="parchment"] .zc-pd-ai-done .zc-pd-ai-chip      { background: rgba(92,138,90,0.18) !important; }
[data-scheme="parchment"] .zc-pd-ai-done .zc-pd-ai-chip svg  { stroke: #3E6A3C !important; }
[data-scheme="parchment"] .zc-pd-ai-done .zc-pd-ai-status    { color: #3E6A3C !important; }
[data-scheme="parchment"] .zc-pd-ai-card[data-level="green"]::before  { background: #5C8A5A !important; }
[data-scheme="parchment"] .zc-pd-ai-card[data-level="amber"]::before  { background: #B8882A !important; }

/* Active filter tab */
[data-scheme="parchment"] .zc-tx-tab.active {
  color: #3E6A3C !important;
  background: rgba(92,138,90,0.10) !important;
  border-bottom-color: #5C8A5A !important;
}
[data-scheme="parchment"] .zc-tx-tab.active .zc-tx-tab-count {
  color: #3E6A3C !important;
  background: rgba(92,138,90,0.14) !important;
}