/* ═══════════════════════════════════════════════════════════════
   IMPRINT THEME SYSTEM
   Four distinct visual identities for Dog and Feather Publishing
   Applied via data-imprint attribute on the root .app element
   ═══════════════════════════════════════════════════════════════ */

/* ── Dog and Feather (default) ── */
/* Forest green on warm cream — literary, grounded, independent */
[data-imprint="dogfeather"] {
  --bg:          #f5f2e8;
  --bg-dark:     #ede9d8;
  --bg-mid:      #e8e3d0;
  --surface:     #ffffff;
  --surface-alt: #f0f5ee;
  --primary:     #2d5a27;
  --primary-mid: #3d7a35;
  --primary-dim: rgba(45,90,39,0.1);
  --border:      #c8ddc4;
  --text:        #1a2e18;
  --text-mid:    #3a4e38;
  --text-light:  #6b7d68;
  --text-muted:  #8a9e88;
  --accent:      #2d5a27;
  --accent-text: #ffffff;
  --shadow:      rgba(45,90,39,0.08);
  --shadow-mid:  rgba(45,90,39,0.15);
  --spine-bg:    #2d5a27;
  --spine-text:  #f5f2e8;
  --font-head:   'Playfair Display', Georgia, serif;
  --font-body:   'EB Garamond', Georgia, serif;
  --font-ui:     'Libre Baskerville', Georgia, serif;
}

/* ── Velvet Quill Press ── */
/* Deep plum on warm ivory — sensual, sophisticated, literary erotic */
[data-imprint="velvetquill"] {
  --bg:          #faf6f2;
  --bg-dark:     #f0e8e0;
  --bg-mid:      #e8dcd4;
  --surface:     #ffffff;
  --surface-alt: #f5eff8;
  --primary:     #4a1e5a;
  --primary-mid: #6a2e7a;
  --primary-dim: rgba(74,30,90,0.1);
  --border:      #d4b8d8;
  --text:        #1a0a1e;
  --text-mid:    #3a1a4a;
  --text-light:  #7a5a8a;
  --text-muted:  #a080a8;
  --accent:      #4a1e5a;
  --accent-text: #ffffff;
  --shadow:      rgba(74,30,90,0.08);
  --shadow-mid:  rgba(74,30,90,0.18);
  --spine-bg:    #4a1e5a;
  --spine-text:  #faf6f2;
  --font-head:   'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body:   'EB Garamond', Georgia, serif;
  --font-ui:     'Libre Baskerville', Georgia, serif;
}

/* ── Reason & Rook ── */
/* Near-black on warm parchment — serious, editorial, nonfiction */
[data-imprint="reasonrook"] {
  --bg:          #f2ede4;
  --bg-dark:     #e8e0d0;
  --bg-mid:      #ddd4c0;
  --surface:     #ffffff;
  --surface-alt: #f8f4ee;
  --primary:     #1e1e1e;
  --primary-mid: #3a3020;
  --primary-dim: rgba(30,30,30,0.08);
  --border:      #c8b89a;
  --text:        #1a1410;
  --text-mid:    #3a2e20;
  --text-light:  #6a5a48;
  --text-muted:  #8a7a68;
  --accent:      #1e1e1e;
  --accent-text: #f2ede4;
  --shadow:      rgba(30,20,10,0.08);
  --shadow-mid:  rgba(30,20,10,0.15);
  --spine-bg:    #1e1e1e;
  --spine-text:  #f2ede4;
  --font-head:   'Playfair Display', Georgia, serif;
  --font-body:   'EB Garamond', Georgia, serif;
  --font-ui:     'Libre Baskerville', Georgia, serif;
}

/* ── Bunce Audio ── */
/* Forest green on cream with amber accent — warm, analogue, music */
[data-imprint="bunceaudio"] {
  --bg:          #f5f2e8;
  --bg-dark:     #ede9d8;
  --bg-mid:      #e0d8c0;
  --surface:     #ffffff;
  --surface-alt: #f5f0e4;
  --primary:     #2d5a27;
  --primary-mid: #3d7a35;
  --primary-dim: rgba(45,90,39,0.1);
  --border:      #c8b87a;
  --text:        #1a1a10;
  --text-mid:    #3a3820;
  --text-light:  #6a6040;
  --text-muted:  #8a8060;
  --accent:      #8b6914;
  --accent-text: #ffffff;
  --shadow:      rgba(139,105,20,0.08);
  --shadow-mid:  rgba(139,105,20,0.18);
  --spine-bg:    #8b6914;
  --spine-text:  #f5f2e8;
  --font-head:   'Playfair Display', Georgia, serif;
  --font-body:   'EB Garamond', Georgia, serif;
  --font-ui:     'Libre Baskerville', Georgia, serif;
}

/* ═══════════════════════════════════════════════════════════════
   SHARED THEMED COMPONENTS
   These use CSS variables so they respond to any imprint
   ═══════════════════════════════════════════════════════════════ */

/* Header themed */
.app[data-imprint] .hdr {
  background: var(--primary);
  border-bottom-color: var(--primary-mid);
}
.app[data-imprint] .hdr-name,
.app[data-imprint] .brand-name { color: var(--bg); }
.app[data-imprint] .hdr-imprint,
.app[data-imprint] .brand-sub { color: rgba(255,255,255,0.4); }
.app[data-imprint] #clock { color: rgba(255,255,255,0.7); }
.app[data-imprint] .status-pill { background: rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.15); }

/* Project bar */
.app[data-imprint] .project-bar { background: var(--surface-alt); border-bottom-color: var(--border); }
.app[data-imprint] .project-select { color: var(--primary); }
.app[data-imprint] .project-type-badge { background: var(--surface-alt); border-color: var(--border); color: var(--primary); }

/* Main tabs */
.app[data-imprint] .main-tabs { background: var(--surface); border-bottom-color: var(--border); }
.app[data-imprint] .mtab { color: var(--text-muted); }
.app[data-imprint] .mtab:hover { color: var(--primary); background: var(--surface-alt); }
.app[data-imprint] .mtab.active { color: var(--primary); border-bottom-color: var(--primary); }

/* Sidebars */
.app[data-imprint] .sidebar,
.app[data-imprint] .sidebar-r,
.app[data-imprint] .ch-sidebar { background: var(--surface-alt); border-color: var(--border); }
.app[data-imprint] .stab { color: var(--text-light); }
.app[data-imprint] .stab.active { color: var(--primary); border-bottom-color: var(--primary); }
.app[data-imprint] .stitle { color: var(--text-light); border-bottom-color: var(--border); }

/* Inputs */
.app[data-imprint] input,
.app[data-imprint] select,
.app[data-imprint] textarea {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}
.app[data-imprint] input:focus,
.app[data-imprint] select:focus,
.app[data-imprint] textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-dim);
}

/* Buttons */
.app[data-imprint] .btn-p {
  background: var(--primary);
  border-color: var(--primary-mid);
  color: var(--accent-text);
}
.app[data-imprint] .btn-p:hover { background: var(--primary-mid); }
.app[data-imprint] .btn-s { color: var(--primary); border-color: var(--border); }
.app[data-imprint] .btn-s:hover { background: var(--surface-alt); border-color: var(--primary); }
.app[data-imprint] .btn-g { background: var(--surface); border-color: var(--border); color: var(--text-mid); }
.app[data-imprint] .btn-g:hover { background: var(--surface-alt); border-color: var(--primary); color: var(--primary); }

/* Chapter items */
.app[data-imprint] .chitem { background: var(--surface); border-color: var(--border); }
.app[data-imprint] .chitem:hover { border-color: var(--primary-mid); }
.app[data-imprint] .chitem.active { border-color: var(--primary); background: var(--surface-alt); }
.app[data-imprint] .st-final { background: var(--surface-alt); color: var(--primary); border-color: var(--border); }

/* Editor */
.app[data-imprint] .editor-surface { background: var(--surface); }
.app[data-imprint] .editor { color: var(--text); caret-color: var(--primary); }
.app[data-imprint] .editor-toolbar { background: var(--surface); border-bottom-color: var(--border); }
.app[data-imprint] .editor-footer { background: var(--surface-alt); border-top-color: var(--border); }
.app[data-imprint] .scene-break { color: var(--primary); }

/* Output boxes */
.app[data-imprint] .outbox,
.app[data-imprint] .agent-log,
.app[data-imprint] .draft-area { background: var(--surface); border-color: var(--border); }
.app[data-imprint] .outbox::before { background: linear-gradient(90deg, transparent, var(--primary), transparent); }
.app[data-imprint] .out-wrap,
.app[data-imprint] .agent-area { background: var(--bg); }

/* Cards */
.app[data-imprint] .ccard,
.app[data-imprint] .vcard,
.app[data-imprint] .session-item,
.app[data-imprint] .chitem { background: var(--surface); border-color: var(--border); }
.app[data-imprint] .ccard.active { border-color: var(--primary); background: var(--surface-alt); }
.app[data-imprint] .vcard.selected { border-color: var(--primary); background: var(--surface-alt); }

/* Sliders */
.app[data-imprint] input[type=range] { background: var(--border); }
.app[data-imprint] input[type=range]::-webkit-slider-thumb { background: var(--primary); }

/* Storyboard */
.app[data-imprint] .sb-card { background: var(--surface); border-color: var(--border); }

/* Velvet Quill specific overrides — load Cormorant Garamond */
[data-imprint="velvetquill"] .hdr-name,
[data-imprint="velvetquill"] .brand-name,
[data-imprint="velvetquill"] .editor,
[data-imprint="velvetquill"] .out-inner,
[data-imprint="velvetquill"] .card-name,
[data-imprint="velvetquill"] .ch-name,
[data-imprint="velvetquill"] .vname,
[data-imprint="velvetquill"] .cn {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Reason & Rook — tighter, more editorial feel */
[data-imprint="reasonrook"] .editor { line-height: 1.85; }
[data-imprint="reasonrook"] .hdr { border-bottom: 3px solid #8b7a5a; }

/* Bunce Audio — amber accents */
[data-imprint="bunceaudio"] .btn-p { background: #8b6914; border-color: #a07a20; }
[data-imprint="bunceaudio"] .btn-p:hover { background: #a07a20; }
[data-imprint="bunceaudio"] .mtab.active { color: #8b6914; border-bottom-color: #8b6914; }
[data-imprint="bunceaudio"] .stab.active { color: #8b6914; border-bottom-color: #8b6914; }
[data-imprint="bunceaudio"] input[type=range]::-webkit-slider-thumb { background: #8b6914; }

[data-imprint="velvetquill"] .hdr{background:#120d14 !important;border-bottom:1px solid #c09a5a !important;}
[data-imprint="velvetquill"] .project-bar{background:#2e1a32 !important;border-bottom-color:rgba(192,154,90,0.18) !important;}
[data-imprint="velvetquill"] .main-tabs{background:#1a0f1e !important;border-bottom-color:rgba(192,154,90,0.18) !important;}
[data-imprint="velvetquill"] .mtab{color:#7a6b7d !important;}
[data-imprint="velvetquill"] .mtab:hover{color:#f0e8dc !important;background:#3d2442 !important;}
[data-imprint="velvetquill"] .mtab.active{color:#c09a5a !important;border-bottom-color:#c09a5a !important;}
[data-imprint="velvetquill"] .sidebar,[data-imprint="velvetquill"] .sidebar-r,[data-imprint="velvetquill"] .ch-sidebar{background:#2e1a32 !important;border-color:rgba(192,154,90,0.18) !important;}
[data-imprint="velvetquill"] .stab.active{color:#c09a5a !important;border-bottom-color:#c09a5a !important;}
[data-imprint="velvetquill"] .stitle{color:#a090a3 !important;border-bottom-color:rgba(192,154,90,0.18) !important;}
[data-imprint="velvetquill"] input,[data-imprint="velvetquill"] select,[data-imprint="velvetquill"] textarea{background:#120d14 !important;border-color:rgba(192,154,90,0.2) !important;color:#f0e8dc !important;}
[data-imprint="velvetquill"] input:focus,[data-imprint="velvetquill"] select:focus,[data-imprint="velvetquill"] textarea:focus{border-color:#c09a5a !important;box-shadow:0 0 0 3px rgba(192,154,90,0.12) !important;}
[data-imprint="velvetquill"] .btn-p{background:#7a2d45 !important;border-color:#b05070 !important;color:#f0e8dc !important;}
[data-imprint="velvetquill"] .btn-p:hover{background:#b05070 !important;}
[data-imprint="velvetquill"] .btn-g{background:#2e1a32 !important;border-color:rgba(192,154,90,0.18) !important;color:#a090a3 !important;}
[data-imprint="velvetquill"] .btn-g:hover{background:#3d2442 !important;color:#f0e8dc !important;}
[data-imprint="velvetquill"] .chitem{background:#2e1a32 !important;border-color:rgba(192,154,90,0.15) !important;}
[data-imprint="velvetquill"] .chitem:hover{border-color:#c09a5a !important;}
[data-imprint="velvetquill"] .chitem.active{border-color:#c09a5a !important;background:#3d2442 !important;}
[data-imprint="velvetquill"] .editor-surface{background:#120d14 !important;}
[data-imprint="velvetquill"] .editor{color:#f0e8dc !important;caret-color:#c09a5a !important;}
[data-imprint="velvetquill"] .editor-toolbar{background:#1a0f1e !important;border-bottom-color:rgba(192,154,90,0.18) !important;}
[data-imprint="velvetquill"] .editor-footer{background:#2e1a32 !important;border-top-color:rgba(192,154,90,0.18) !important;}
[data-imprint="velvetquill"] .outbox,[data-imprint="velvetquill"] .agent-log,[data-imprint="velvetquill"] .draft-area{background:#120d14 !important;border-color:rgba(192,154,90,0.18) !important;}
[data-imprint="velvetquill"] .out-wrap,[data-imprint="velvetquill"] .agent-area,[data-imprint="velvetquill"] .brief-area{background:#1a0f1e !important;}
[data-imprint="velvetquill"] .ccard,[data-imprint="velvetquill"] .vcard,[data-imprint="velvetquill"] .session-item{background:#2e1a32 !important;border-color:rgba(192,154,90,0.15) !important;}
[data-imprint="velvetquill"] .ccard.active,[data-imprint="velvetquill"] .vcard.selected{border-color:#c09a5a !important;background:#3d2442 !important;}
[data-imprint="velvetquill"] input[type=range]{background:rgba(192,154,90,0.15) !important;}
[data-imprint="velvetquill"] input[type=range]::-webkit-slider-thumb{background:#c09a5a !important;}
[data-imprint="velvetquill"] .scene-break{color:#c09a5a !important;}
[data-imprint="velvetquill"] .modal{background:#2e1a32 !important;border-color:rgba(192,154,90,0.25) !important;}
[data-imprint="velvetquill"] .modal h3{color:#c09a5a !important;}
[data-imprint="velvetquill"] label{color:#a090a3 !important;}
[data-imprint="velvetquill"] .hdr-name{font-family:"Cormorant Garamond",Georgia,serif !important;}

/* Tray buttons inherit imprint theme */
[data-imprint="velvetquill"] .tray-btn {
  background: #2e1a32 !important;
  border-color: rgba(192,154,90,0.25) !important;
  color: #c09a5a !important;
}
[data-imprint="velvetquill"] .tray-btn:hover {
  background: #3d2442 !important;
}
[data-imprint="dogfeather"] .tray-btn {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  color: var(--primary) !important;
}
[data-imprint="reasonrook"] .tray-btn {
  background: #f8f4ee !important;
  border-color: #c8b89a !important;
  color: #1e1e1e !important;
}
[data-imprint="bunceaudio"] .tray-btn {
  background: var(--surface) !important;
  border-color: #c8b87a !important;
  color: #8b6914 !important;
}