/* anecNote light theme — loaded last so it wins over the dark premium theme.
   Palette: warm paper canvas, near-black ink, brand red unchanged. */
:root{
  --anec-app-bg:#f7f5f3;--anec-surface:#ffffff;--anec-panel-bg:#fbfaf9;
  --anec-selected-surface:#f1edea;--anec-ink:#141317;--anec-body:#4c4749;
  --anec-muted:#7d7876;--anec-brand:#c13e37;
  --color-paper:#ffffff;--color-paper-2:#fbfaf9;--color-paper-3:#f1edea;
  --color-ink:#141317;--color-ink-2:#4c4749;--color-ink-3:#7d7876;
  --color-faint:#d8d3d0;--color-coal:#f7f5f3;--color-coal-2:#ffffff;
  --color-line:rgba(20,19,23,.10);--color-line-2:rgba(20,19,23,.055);
  --color-line-inverse:rgba(20,19,23,.14);--color-accent:#c13e37;
}
html,body{background:#f7f5f3!important;color:#141317!important;color-scheme:light}
body{background-image:radial-gradient(circle at 50% -15%,rgba(193,62,55,.07),transparent 30rem)!important}
@media(max-width:640px){body{background-image:radial-gradient(circle at 50% 0,rgba(193,62,55,.06),transparent 22rem)!important}}
::selection{background:#c13e37;color:#fff}

.bg-paper{background-color:#ffffff!important}
.bg-paper-2{background-color:#fbfaf9!important}
.bg-paper-3{background-color:#f1edea!important}
.bg-coal{background-color:#f7f5f3!important}
.bg-coal-2{background-color:#ffffff!important}
.bg-white{background-color:#ffffff!important}

.text-ink{color:#141317!important}
.text-ink-2{color:#4c4749!important}
.text-ink-3{color:#7d7876!important}
.text-paper,.text-white{color:#141317!important}
.bg-ink,.bg-\[\#c13e37\]{background-color:#c13e37!important}
.bg-ink .text-paper,.bg-ink .text-white,
a.bg-ink,button.bg-ink,a[href="https://dashboard.anecnote.ai"].bg-ink{color:#ffffff!important}
.border-ink{border-color:#c13e37!important}
.hover\:bg-ink\/90:hover{background-color:#a8322d!important}

.border-line{border-color:rgba(20,19,23,.10)!important}
.border-line-inverse{border-color:rgba(20,19,23,.14)!important}
hr{border-color:rgba(20,19,23,.10)!important}

[class*="bg-white/15"],[class*="bg-white/10"],[class*="bg-white/5"]{
  border:1px solid rgba(20,19,23,.08);background-color:rgba(255,255,255,.9)!important}
[class*="shadow-"]{--tw-shadow-color:rgba(20,19,23,.10)}

img,video{filter:none!important}

/* header shell + nav */
header [class*="bg-paper"]{background-color:rgba(255,255,255,.86)!important}

/* section-level dark gradients from the premium theme, relit */
main>section:nth-of-type(1){background:#ffffff!important}
main>section:nth-of-type(3),
main>section:nth-of-type(5),main>section:nth-of-type(7),
main>section:nth-of-type(9),main>section:nth-of-type(11),
main>section:nth-of-type(13){background:#f7f5f3!important}
main>section:nth-of-type(2),main>section:nth-of-type(4),
main>section:nth-of-type(6),main>section:nth-of-type(8),
main>section:nth-of-type(12),main>section:nth-of-type(14){background:#ffffff!important}
main>section:nth-of-type(2)>div:first-child{background:#ffffff!important}
main>section:nth-of-type(10){
  background:linear-gradient(180deg,#f7f5f3 0%,#ffffff 28%,#ffffff calc(100% - 320px),#f7f5f3 100%)!important}

/* full-bleed photo sections keep light type and dark glass cards for legibility */
[data-photo] .text-ink{color:#f6f3f2!important}
[data-photo] .text-ink-2{color:#e2ddda!important}
[data-photo] .text-ink-3{color:#bdb7b4!important}
[data-photo] [class*="bg-white/"]{
  background-color:rgba(12,12,14,.55)!important;border-color:rgba(255,255,255,.16)!important}
[data-photo] [class*="bg-paper"]{
  background-color:rgba(12,12,14,.62)!important}
[data-photo] .border-line{border-color:rgba(255,255,255,.16)!important}

/* promo modal */
.clone-promo{background:#ffffff!important;color:#141317!important;border:1px solid rgba(20,19,23,.10)}
.clone-promo p,.clone-promo small{color:#7d7876!important}
.clone-promo input{background:#fbfaf9!important;border-color:rgba(20,19,23,.12)!important;color:#141317!important}
.clone-promo form button{background:#c13e37!important;color:#fff!important}
.clone-promo-close{background:#141317!important;color:#ffffff!important}

/* footer / legal prose inherit ink */
footer,.legal-prose{color:#4c4749}
.legal-prose h1,.legal-prose h2,.legal-prose h3,.legal-prose th{color:#141317}
.legal-prose table,.legal-prose td,.legal-prose th{border-color:rgba(20,19,23,.12)!important}

a{color:inherit}
a:hover{color:#c13e37}

/* dark glass chips sitting on photography keep light type */
[class*="bg-black/"],[class*="bg-black/"] *{color:#f6f3f2!important}
[class*="bg-black/"]{border-color:rgba(255,255,255,.25)!important}

/* hero fade-to-canvas scrims */
.bg-\[linear-gradient\(180deg\,transparent_0\%\,\#070708_100\%\)\]{
  background-image:linear-gradient(180deg,transparent 0%,#f7f5f3 100%)!important}
.bg-\[linear-gradient\(180deg\,\#070708_0\%\,transparent_100\%\)\]{
  background-image:linear-gradient(180deg,#f7f5f3 0%,transparent 100%)!important}

[data-photo] a,[data-photo] button,
[data-photo] a,[data-photo] button,
[data-photo] a,[data-photo] button{color:#f6f3f2!important}
[data-photo] a.bg-ink{color:#ffffff!important}

/* photo sections: everything inherits light type unless explicitly branded */
[data-photo],
[data-photo] h1,[data-photo] h2,[data-photo] h3,
[data-photo] h1,[data-photo] h2,[data-photo] h3,
[data-photo] h1,[data-photo] h2,[data-photo] h3,
[data-photo] p,
[data-photo] span,
[data-photo] li,
[data-photo] .text-white,
[data-photo] .text-paper{color:#f6f3f2!important}
[data-photo] [class*="text-white/"]{color:rgba(246,243,242,.72)!important}

/* nav Login pill overlaps the language selector: give it an opaque red fill
   under the scribble art so nothing shows through */
header .-ml-7,header a.-ml-7,header div.-ml-7{
  background-color:transparent!important;border:0!important;box-shadow:none!important;
  background-image:url("site-assets/scribble-red-pill.png")!important;
  background-size:104% 118%!important;background-repeat:no-repeat!important;
  background-position:center!important;color:#fff!important;overflow:visible!important}
/* language selector gets a round cutout so the Login pill nests into it */
#navAuth>div:first-child,#navAuth>:first-child,
header div.relative:has(+ a.-ml-7)>button,
header div.relative:has(+ .-ml-7)>button{
  -webkit-mask-image:radial-gradient(circle 20px at calc(100% - 8px) 50%,transparent 99.5%,#000 100%);
  mask-image:radial-gradient(circle 20px at calc(100% - 8px) 50%,transparent 99.5%,#000 100%)}

/* pricing CTAs match the hero button shape exactly */
#pricing-compact table a,#pricing-full table a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:36px!important;min-height:36px!important;padding:0 16px!important;
  width:156px!important;max-width:100%!important;margin:0 auto!important;border-radius:9999px!important;
  background-size:104% 118%!important;background-position:center!important;
  background-image:url("site-assets/scribble-red-pill.png")!important;
  background-color:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important}

#pricing-compact table span[aria-disabled],#pricing-full table span[aria-disabled]{
  height:36px!important;min-height:36px!important;width:156px!important;margin:0 auto!important}

/* name chips sitting on testimonial photos keep white type */
.anec-tcard .text-white,.anec-tcard [class*="bg-black/"] .text-white,
.anec-tcard [class*="backdrop-blur"] .text-white,
.anec-tcard [class*="backdrop-blur"],.anec-tcard [class*="backdrop-blur"] span{color:#f6f3f2!important}
.anec-tcard [class*="text-white/"]{color:rgba(246,243,242,.75)!important}

/* "Everything lives in one quiet app": drop the white gutters around the panel */
main>section:nth-of-type(4){padding-left:0!important;padding-right:0!important;background:#f7f5f3!important}
main>section:nth-of-type(4)>div:first-child{border-radius:0!important}

/* page-level wrapper can never stay dark (kills the relight() repaint flash) */
main{background:#f7f5f3!important}

/* no fade band at the bottom of the hero video */
main>section:first-of-type .bg-\[linear-gradient\(180deg\,transparent_0\%\,\#070708_100\%\)\]{display:none!important}

main>section:first-of-type>div:first-child::after{display:none!important;content:none!important}
