/* usecook.com: the trailer's Kanagawa (Wave) palette on the Liora tile engine. Tokens only; no field behind the page. */
html:root {
  --bg:#1F1F28; --surface:#2A2A37; --ink:#DCD7BA; --muted:#C8C093; --accent:#FFA066;
  --line:#54546D; --tile:#2A2A37; --tile-line:#363646;
  --ink0:#16161D; --ink1:#181820; --gray:#727169; --green:#98BB6C; --yellow:#E6C384; --orange2:#FF9E3B; --red:#E46876; --violet:#957FB8; --blue:#7FB4CA;
}
/* The background is never flat: sumiInk3 with a soft lift, a sumiInk0 vignette, and film grain. */
html body {background:radial-gradient(60% 45% at 50% 28%,rgba(42,42,55,.7),transparent 70%),radial-gradient(140% 110% at 50% 50%,transparent 70%,var(--ink0)),var(--bg);background-attachment:fixed;}
html body::before {content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");}
html .site-simulation, html .sim-motion {display:none !important;}
html body:not(.home-page) .site-header nav {margin-right:0;}
html .site-header {background:var(--bg);border-bottom:1px solid var(--line);}
html .tile .kicker, html .tile .date, html .p-media-note, html .p-term-bar {color:var(--gray);}
html .tile > p, html .p-hero > .p-hero-lede, html .p-prose-body p, html .p-list ul, html .p-form label, html .p-form .msg {color:var(--muted);}
/* cook is surimiOrange; on a filled tile the type goes sumiInk0, like the orange word on the trailer's dark frames. */
html .tile.p-offer, html .tile.accent, html .p-hero .p-hero-buy, html .button {color:var(--ink0);}
html .p-offer .kicker, html .p-offer li, html .p-offer-cta, html .accent .kicker, html .accent > p {color:#3b2a1a;}
html .tile.p-offer:hover, html a.tile.accent:hover {color:var(--ink0);border-color:var(--ink);}
html .p-hero .p-hero-buy:hover, html .button:hover {background:var(--ink);border-color:var(--ink);color:var(--ink0);}
html .button.secondary {background:var(--surface);color:var(--ink);border-color:var(--line);}
html .p-hero h1 em {color:var(--accent);}
html .p-beat svg {color:var(--accent);}
html .p-list .yes::before {color:var(--green);} .p-list .no::before {color:var(--red);} .p-list .soon::before {color:var(--orange2);}
html .p-form .msg.ok {color:var(--green);} .p-form .msg.err {color:var(--red);}
html .p-form input, html .p-form select, html .p-form textarea {background:var(--ink1);border-color:var(--line);color:var(--ink);}
/* Terminals as the trailer draws them: a sumiInk1 title bar with three dots, a sumiInk3 body, Kanagawa syntax. */
html .tile.p-term {background:var(--bg);border-color:var(--line);}
html .p-term-bar {background:var(--ink1);border-color:var(--line);}
html .p-term-bar i:nth-child(1) {background:rgba(228,104,118,.8);} .p-term-bar i:nth-child(2) {background:rgba(230,195,132,.8);} .p-term-bar i:nth-child(3) {background:rgba(152,187,108,.8);}
html .p-term pre {color:var(--ink);}
html .p-term .cmd::before {color:var(--accent);}
html .p-term .cooked b {color:var(--ink);} .p-term .done b {color:var(--green);} .p-term .rebuild b {color:var(--orange2);} .p-term .cached {color:var(--gray);} .p-term .out {color:var(--muted);}
html .p-term .code .k {color:var(--violet);} .p-term .code .s {color:var(--green);} .p-term .code .p {color:var(--blue);} .p-term .code .c {color:var(--gray);}
html .p-media :is(video, html img) {background:var(--ink0);border-color:var(--line);}