/* TATNERA — coordinated tattoo studio palette
   Warm brass / bronze belongs to the dark studio theme only.
   Pink stays pink. Light stays neutral/ink. Green is reserved for positive states. */

:root[data-theme="dark"]{
  --accent:#c79a5b!important;
  --accent-ink:#17110a!important;
  --dp-copper:#c79a5b!important;
  --dp-copper-soft:rgba(199,154,91,.13)!important;
  --dp-olive:#c79a5b!important;
  --warning:#c9753e!important;
  --danger:#c85d61!important;
  --tatnera-success:#7f9f70;
  --tatnera-success-bg:#172019;
  --tatnera-brass:#c79a5b;
  --tatnera-brass-light:#ddb77d;
  --tatnera-bronze:#8d623c;
  --tatnera-ink:#0c0d0e;
}

/* Main actions: brass instead of fluorescent lime — DARK ONLY. */
:root[data-theme="dark"] .btn.primary,
:root[data-theme="dark"] button.btn.primary,
:root[data-theme="dark"] .request-workflow button.primary-flow,
:root[data-theme="dark"] .tatnera-subscription-actions .primary{
  background:linear-gradient(135deg,#d1a565 0%,#b77f45 100%)!important;
  color:#17110a!important;
  border-color:#d0a25f!important;
  box-shadow:0 10px 24px rgba(139,91,46,.18)!important;
}
:root[data-theme="dark"] .btn.primary:hover,
:root[data-theme="dark"] button.btn.primary:hover{
  background:linear-gradient(135deg,#ddb77d 0%,#c58b4e 100%)!important;
  box-shadow:0 14px 30px rgba(139,91,46,.24)!important;
}

:root[data-theme="dark"] .top-actions .btn.primary + .btn.primary{
  background:#171512!important;
  color:#e7c89a!important;
  border:1px solid #7c5a37!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .top-actions .btn.primary + .btn.primary:hover{
  background:#211b15!important;
  border-color:#b7864d!important;
}

:root[data-theme="dark"] .nav-item.active{
  background:#211c16!important;
  border-color:#4f3b28!important;
}
:root[data-theme="dark"] .nav-item.active::before{
  background:linear-gradient(180deg,#e0b97f,#a86f39)!important;
  box-shadow:0 0 14px rgba(199,154,91,.18)!important;
}
:root[data-theme="dark"] .nav-item.active>span:first-child{
  color:#d9ad70!important;
  border-color:#5b432c!important;
  background:#211a14!important;
}
:root[data-theme="dark"] .nav-item .badge{
  background:#241c14!important;
  color:#dfbd8b!important;
  border-color:#5d432b!important;
}
:root[data-theme="dark"] .text-btn,
:root[data-theme="dark"] .back-btn,
:root[data-theme="dark"] .request-card button,
:root[data-theme="dark"] .project-meta span:last-child{
  color:#d6aa70!important;
}

:root[data-theme="dark"] .metric-card.accent{
  background:linear-gradient(180deg,rgba(199,154,91,.11),rgba(199,154,91,.045)),var(--panel)!important;
  border-color:#4e3a28!important;
}
:root[data-theme="dark"] .metric-card.accent::before{background:#c79a5b!important}
:root[data-theme="dark"] .metric-card.accent::after,
:root[data-theme="dark"] .metric-card::after{color:rgba(211,166,104,.34)!important}
:root[data-theme="dark"] .hero-card{
  border-color:#4d3928!important;
  background:linear-gradient(135deg,#191611 0%,#111312 58%,#1b140f 100%)!important;
}
:root[data-theme="dark"] .hero-card .eyebrow,
:root[data-theme="dark"] .topbar .eyebrow,
:root[data-theme="dark"] .panel-head .eyebrow,
:root[data-theme="dark"] .section-toolbar .eyebrow,
:root[data-theme="dark"] .request-toolbar .eyebrow,
:root[data-theme="dark"] .dialog-head .eyebrow{
  color:#cfa66d!important;
}

:root[data-theme="dark"] .artist-filter button.active,
:root[data-theme="dark"] .calendar-toggle button.active,
:root[data-theme="dark"] .theme-choice.active,
:root[data-theme="dark"] .customer-mode button.active,
:root[data-theme="dark"] .request-filterbar button.active{
  border-color:#8a623c!important;
  box-shadow:inset 0 0 0 1px rgba(199,154,91,.22)!important;
}

:root[data-theme="dark"] .tatnera-trial-badge{
  border-color:#5b4329!important;
  background:#211a13!important;
  color:#e1bd88!important;
}
:root[data-theme="dark"] .tatnera-trial-badge:before{
  background:#c79a5b!important;
  box-shadow:0 0 12px rgba(199,154,91,.42)!important;
}
:root[data-theme="dark"] .tatnera-subscription-mark{
  background:#c79a5b!important;
  color:#17110a!important;
}

:root[data-theme="dark"] .request-stage.ready,
:root[data-theme="dark"] .project-focus-badge.good,
:root[data-theme="dark"] .status-pill.success,
:root[data-theme="dark"] .status-pill.completed,
:root[data-theme="dark"] .status-pill.paid{
  color:#a9c39c!important;
  border-color:#40543c!important;
  background:#172019!important;
}

:root[data-theme="dark"] .project-art{
  background:radial-gradient(circle at 70% 40%,rgba(199,154,91,.14),transparent 33%),linear-gradient(140deg,#211d18,#111312)!important;
}
:root[data-theme="dark"] .project-art::after{color:#c89a5b!important}

.theme-choice[data-theme-choice="dark"] .theme-preview-button{background:#c79a5b!important}
.theme-choice[data-theme-choice="dark"] .theme-preview-card{background:#191715!important}

@media(max-width:760px){
  :root[data-theme="dark"] .top-actions .btn.primary + .btn.primary{
    background:#171512!important;color:#e7c89a!important;border-color:#7c5a37!important;
  }
}

/* ---------- PINK: restore the original pink identity ---------- */
:root[data-theme="pink"]{
  --accent:#ff4fa3!important;
  --accent-ink:#160710!important;
  --dp-copper:#ff4fa3!important;
  --dp-copper-soft:rgba(255,79,163,.12)!important;
  --dp-olive:#ff4fa3!important;
  --warning:#ffb35f!important;
}
:root[data-theme="pink"] body{
  background-image:
    radial-gradient(circle at 12% 0%,rgba(255,79,163,.07),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(255,79,163,.04),transparent 25%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.010) 0 1px,transparent 1px 14px)!important;
}
:root[data-theme="pink"] .topbar .eyebrow,
:root[data-theme="pink"] .panel-head .eyebrow,
:root[data-theme="pink"] .section-toolbar .eyebrow,
:root[data-theme="pink"] .request-toolbar .eyebrow,
:root[data-theme="pink"] .dialog-head .eyebrow{color:#ff79b9!important}
:root[data-theme="pink"] .nav-item.active::before{background:linear-gradient(180deg,#ff79b9,#ff4fa3)!important;box-shadow:0 0 14px rgba(255,79,163,.22)!important}
:root[data-theme="pink"] .nav-item.active>span:first-child{color:#ff79b9!important;border-color:#5b2a43!important;background:#24131c!important}
:root[data-theme="pink"] .sidebar::before{color:rgba(255,79,163,.07)!important;border-color:rgba(255,79,163,.09)!important;box-shadow:0 0 0 22px rgba(255,255,255,.008),0 0 0 44px rgba(255,79,163,.008)!important}
:root[data-theme="pink"] .hero-card::before{color:rgba(255,105,177,.18)!important;border-color:rgba(255,79,163,.14)!important;background:repeating-conic-gradient(from 0deg,rgba(255,79,163,.05) 0 2deg,transparent 2deg 15deg)!important;box-shadow:0 0 0 18px rgba(255,79,163,.018),0 0 0 38px rgba(255,79,163,.010)!important}
:root[data-theme="pink"] .hero-card::after{background:linear-gradient(180deg,transparent,rgba(255,79,163,.32),transparent)!important}
:root[data-theme="pink"] .project-art::before{background:radial-gradient(circle at 72% 42%,transparent 0 23px,rgba(255,79,163,.12) 24px 25px,transparent 26px 38px,rgba(255,79,163,.055) 39px 40px,transparent 41px),repeating-conic-gradient(from 0deg at 72% 42%,rgba(255,79,163,.035) 0 2deg,transparent 2deg 16deg)!important}
:root[data-theme="pink"] .btn.primary{background:#ff4fa3!important;color:#160710!important;border-color:#ff4fa3!important;box-shadow:0 8px 20px rgba(255,79,163,.16)!important}
:root[data-theme="pink"] .text-btn,
:root[data-theme="pink"] .back-btn{color:#ff79b9!important}
:root[data-theme="pink"] .tatnera-trial-badge{border-color:#5b2a43!important;background:#24131c!important;color:#ff9aca!important}
:root[data-theme="pink"] .tatnera-trial-badge:before{background:#ff4fa3!important;box-shadow:0 0 12px rgba(255,79,163,.42)!important}

/* ---------- LIGHT: back to clean ink/neutral accents ---------- */
:root[data-theme="light"]{
  --accent:#232a24!important;
  --accent-ink:#ffffff!important;
  --dp-copper:#465349!important;
  --dp-copper-soft:rgba(70,83,73,.10)!important;
  --dp-olive:#465349!important;
}
:root[data-theme="light"] body{
  background-image:
    radial-gradient(circle at 10% 0%,rgba(35,42,36,.045),transparent 30%),
    repeating-linear-gradient(135deg,rgba(31,40,33,.018) 0 1px,transparent 1px 16px)!important;
}
:root[data-theme="light"] .topbar .eyebrow,
:root[data-theme="light"] .panel-head .eyebrow,
:root[data-theme="light"] .section-toolbar .eyebrow,
:root[data-theme="light"] .request-toolbar .eyebrow,
:root[data-theme="light"] .dialog-head .eyebrow{color:#465349!important}
:root[data-theme="light"] .nav-item.active::before{background:linear-gradient(180deg,#59675c,#344038)!important;box-shadow:none!important}
:root[data-theme="light"] .nav-item.active>span:first-child{color:#dfe6df!important;border-color:#4a554d!important;background:#242a26!important}
:root[data-theme="light"] .sidebar::before{color:rgba(223,230,223,.055)!important;border-color:rgba(223,230,223,.07)!important;box-shadow:0 0 0 22px rgba(255,255,255,.006),0 0 0 44px rgba(223,230,223,.006)!important}
:root[data-theme="light"] .hero-card{background:linear-gradient(135deg,#222822 0%,#171c18 62%,#1b211c 100%)!important;border-color:#344039!important}
:root[data-theme="light"] .hero-card::before{color:rgba(208,220,210,.15)!important;border-color:rgba(208,220,210,.10)!important;background:repeating-conic-gradient(from 0deg,rgba(208,220,210,.035) 0 2deg,transparent 2deg 15deg)!important;box-shadow:0 0 0 18px rgba(208,220,210,.012),0 0 0 38px rgba(208,220,210,.007)!important}
:root[data-theme="light"] .hero-card::after{background:linear-gradient(180deg,transparent,rgba(208,220,210,.22),transparent)!important}
:root[data-theme="light"] .project-art::before{background:radial-gradient(circle at 72% 42%,transparent 0 23px,rgba(70,83,73,.10) 24px 25px,transparent 26px 38px,rgba(70,83,73,.045) 39px 40px,transparent 41px),repeating-conic-gradient(from 0deg at 72% 42%,rgba(70,83,73,.025) 0 2deg,transparent 2deg 16deg)!important}
:root[data-theme="light"] .project-body::before,
:root[data-theme="light"] .table-panel tbody td:first-child::before{background:#465349!important}
:root[data-theme="light"] .btn.primary{background:#232a24!important;color:#fff!important;border-color:#232a24!important;box-shadow:none!important}
:root[data-theme="light"] .text-btn,
:root[data-theme="light"] .back-btn{color:#39463c!important}
:root[data-theme="light"] .tatnera-trial-badge{border-color:#ccd2cc!important;background:#f4f6f4!important;color:#39463c!important}
:root[data-theme="light"] .tatnera-trial-badge:before{background:#465349!important;box-shadow:none!important}