/* FEED90 — palette supplied by William, 6 October 2026.
   Interface only. Client artworks, previews and brand swatches keep their colours. */
:root {
  --f90-navy:#1A2057;
  --f90-blue:#3845C6;
  --f90-coral:#FF8A5B;
  --f90-peach:#FFD3A6;
  --f90-cream:#FFF6EE;
  --f90-muted:color-mix(in srgb,var(--f90-navy) 76%,var(--f90-cream));
  --f90-line:color-mix(in srgb,var(--f90-navy) 23%,var(--f90-cream));
  --f90-surface:color-mix(in srgb,var(--f90-peach) 22%,var(--f90-cream));
  --f90-soft-blue:color-mix(in srgb,var(--f90-blue) 9%,var(--f90-cream));
  --f90-on-dark:color-mix(in srgb,var(--f90-cream) 83%,var(--f90-navy));
  --ink:var(--f90-navy);--paper:var(--f90-cream);--white:var(--f90-cream);
  --orange:var(--f90-coral);--lime:var(--f90-peach);--accent:var(--f90-blue);
  --line:var(--f90-line);--muted:var(--f90-muted);--ivory:var(--f90-cream);
  --green:var(--f90-blue);--rose:var(--f90-blue);--pink:var(--f90-peach);
}
@media(min-width:721px) and (max-width:1240px){.site-nav .nav-inner{flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}.site-nav .nav-links{flex-wrap:wrap;margin-left:auto;gap:16px}}
body{background:var(--f90-cream);color:var(--f90-navy)}
::selection{background:var(--f90-peach);color:var(--f90-navy)}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--f90-blue);outline-offset:4px}
input,select,textarea{accent-color:var(--f90-blue)}
#feed48-language{background:var(--f90-cream)!important;color:var(--f90-navy)!important;border-color:var(--f90-line)!important}
.site-nav{background:var(--f90-cream);border-color:var(--f90-line)}
.nav-links a:not(.btn):hover,.pricing-see,.pricing-home-link{color:var(--f90-blue)}
.btn{background:var(--f90-blue);border-color:var(--f90-blue);color:var(--f90-cream)}
.btn:hover{background:var(--f90-navy);border-color:var(--f90-navy)}
.btn.orange{background:var(--f90-coral);border-color:var(--f90-coral);color:var(--f90-navy)}
.btn.orange:hover{background:var(--f90-peach);border-color:var(--f90-peach)}
.btn.light{background:transparent;border-color:var(--f90-line);color:var(--f90-navy)}
.btn.light:hover{background:var(--f90-soft-blue);border-color:var(--f90-blue);color:var(--f90-blue)}
.btn.white{background:var(--f90-cream);border-color:var(--f90-cream);color:var(--f90-navy)}
.hero h1 em,.pricing-hero h1 em,.sample-index h1 em{color:var(--f90-blue)}
.hero-art:before{background:var(--f90-coral)}
.graphic-card{background:var(--f90-blue);color:var(--f90-cream)}
.graphic-card .poster-head b,.graphic-card .v-sign{color:var(--f90-peach)}
.round-note,.home-positioning .delivery-promise,.offer-note{background:var(--f90-peach);color:var(--f90-navy)}
.ticker,.dark{background:var(--f90-navy);color:var(--f90-cream)}
.dark p,.dark .small{color:var(--f90-on-dark)}
.dark .eyebrow,.ticker i,.method-grid b{color:var(--f90-coral)}
.dark :is(a,button):focus-visible,.price-complete :is(a,button):focus-visible{outline-color:var(--f90-peach)}
.demo-band,.pricing-final{background:var(--f90-coral);color:var(--f90-navy)}
.relief-icon{background:var(--f90-blue);color:var(--f90-cream)}
.relief-grid article:nth-child(2) .relief-icon{background:var(--f90-peach);color:var(--f90-navy)}
.relief-grid article:nth-child(3) .relief-icon{background:var(--f90-coral);color:var(--f90-navy)}
.case-visual,.case-visual.green{background:var(--f90-surface)}
.case-visual.green{background:var(--f90-soft-blue)}
.case-stats{background:var(--f90-surface)}
.pricing-stamp{background:var(--f90-blue);color:var(--f90-cream)}
.pricing-stamp>span{color:var(--f90-coral)}
.price-card{background:var(--f90-cream);color:var(--f90-navy);border-color:var(--f90-line)}
.price-complete{background:var(--f90-blue);color:var(--f90-cream);border-color:var(--f90-blue);box-shadow:7px 7px 0 var(--f90-peach)}
.price-complete :is(.price-label,.price-amount strong,.price-extra strong){color:var(--f90-peach)}
.price-complete :is(.price-duration,.price-description,.price-tax){color:var(--f90-cream)}
.price-complete ul{border-color:color-mix(in srgb,var(--f90-cream) 35%,var(--f90-blue))}
.pricing-included{background:var(--f90-peach);color:var(--f90-navy)}
.pricing-example-links a:hover strong{color:var(--f90-blue)}
.legal-draft{border-left-color:var(--f90-coral);background:var(--f90-surface);color:var(--f90-navy)}
.legal-main a{color:var(--f90-blue)}
.legal-main a.btn{color:var(--f90-cream)}
.legal-main .btn.light{color:var(--f90-navy)}
.legal-nav,.legal-section,.legal-scope{border-color:var(--f90-line)}
/* Shared shell of the client examples; their images and colour swatches are untouched. */
.sample-case,.sample-case.eclaire{--case-bg:var(--f90-surface);--case-accent:var(--f90-blue);--case-deep:var(--f90-navy)}
.sample-story{color:var(--f90-cream)}
.sample-story .eyebrow,.sample-story h2 em,.eclaire .sample-story h2 em,.sample-benefits article>span{color:var(--f90-peach)}
.sample-benefits p{color:var(--f90-on-dark)}
.sample-tabs button{color:var(--f90-navy);border-color:var(--f90-line)}
.sample-tabs button[aria-selected=true]{background:var(--f90-blue);border-color:var(--f90-blue);color:var(--f90-cream)}
.sample-cta{background:var(--f90-coral);color:var(--f90-navy)}
.sample-cta h2 em{color:var(--f90-navy)}
.sample-dialog{background:var(--f90-cream);color:var(--f90-navy)}
.sample-stage,.sample-direction-image{background:var(--f90-surface)}
.sample-pages{background:var(--f90-navy);color:var(--f90-cream)}
.sample-peek{background:var(--f90-cream);color:var(--f90-navy)}
/* Studio, sign-in, delivery and production. */
.studio-aside a.active{background:var(--f90-blue);color:var(--f90-cream)}
.auth-shell,.office-card,.production-card,.client-response,.stat,.offer-choice article{background:var(--f90-cream);color:var(--f90-navy);border-color:var(--f90-line)}
.offer-choice article:last-child,.connection-state article,.metric{background:var(--f90-surface)}
.status,.status.green,.status.orange,.status.red{background:var(--f90-soft-blue);color:var(--f90-navy)}
.status.orange,.status.red{background:var(--f90-peach)}
.notice{background:var(--f90-soft-blue);color:var(--f90-navy)}
.notice.error,.error,.missing-list,.dna-error{background:var(--f90-peach);color:var(--f90-navy);border-color:var(--f90-coral)}
.success{background:var(--f90-soft-blue);color:var(--f90-blue)}
.generation-job progress{accent-color:var(--f90-blue)}
.generation-channel-nav{background:var(--f90-cream);border-color:var(--f90-line)}
.generation-channel-nav button{color:var(--f90-blue);border-color:var(--f90-blue)}
.generation-channel-nav button[aria-pressed=true]{background:var(--f90-blue);color:var(--f90-cream)}
.generation-edit fieldset,.generation-slides img{border-color:var(--f90-line)}
.vylko-return{background:var(--f90-navy);color:var(--f90-cream)}
.vylko-return a:focus-visible{outline-color:var(--f90-peach)}
/* Brief and brand interview controls; do not target .poster, .swatches or artwork. */
body:has(#brief-form),body:has(#brief-form)>header{background:var(--f90-cream);color:var(--f90-navy);border-color:var(--f90-line)}
body:has(#brief-form) .brand{color:var(--f90-navy)}
body:has(#brief-form) :is(button,.button){background:var(--f90-cream);color:var(--f90-navy);border-color:var(--f90-line)}
body:has(#brief-form) :is(.primary,.steps button.active,.filters button[aria-pressed=true]){background:var(--f90-blue);color:var(--f90-cream);border-color:var(--f90-blue)}
body:has(#brief-form) #send-brief{background:var(--f90-coral);color:var(--f90-navy);border-color:var(--f90-coral)}
body:has(#brief-form) .selection{background:var(--f90-navy);color:var(--f90-cream)}
body:has(#brief-form) .selection button{background:transparent;border-color:var(--f90-peach);color:var(--f90-cream)}
body:has(#brief-form) :is(.progress,.callout,.file-area,.dna-panel,.dna-summary,.done){background:var(--f90-surface);color:var(--f90-navy);border-color:var(--f90-line)}
body:has(#brief-form) .progress>span{background:var(--f90-blue)}
body:has(#brief-form) :is(.pillar,.summary-box,.file-row,.modal,.modal .actions){background:var(--f90-cream);color:var(--f90-navy);border-color:var(--f90-line)}
body:has(#brief-form) :is(input,select,textarea){background:var(--f90-cream);color:var(--f90-navy);border-color:var(--f90-line);accent-color:var(--f90-blue)}
body:has(#brief-form) input[type=range]{background:transparent}
body:has(#brief-form) :is(input,textarea):focus-visible{outline-color:var(--f90-blue)}
body:has(#brief-form) :is(.lede,.hint,.muted,.scope,.step-head p,.style-card p,.card-number,.saved-indicator,.file-note,.page-footer,.optional,.dna-note,.dna-pick-note,.summary-box dt){color:var(--f90-muted)}
body:has(#brief-form) :is(.style-card.selected,.compare-card.selected){outline-color:var(--f90-blue)}
body:has(#brief-form) :is(.steps button,.modal figcaption,.modal .style-detail p){color:var(--f90-muted)}
body:has(#brief-form) .steps button.active{color:var(--f90-cream)}
body:has(#brief-form) :is(.dna-interview,.dna-axes,.bottom,.page-footer){border-color:var(--f90-line)}
/* Older campaign and atelier interface. Thumbnail artwork remains independent. */
body:has(.vylko-return) :is(header,.topbar,dialog){background:var(--f90-cream);color:var(--f90-navy);border-color:var(--f90-line)}
body:has(.vylko-return) :is(button,.button){color:var(--f90-navy);border-color:var(--f90-line)}
body:has(.vylko-return) :is(button.primary,a.primary,.tabs button.active,.channel-tabs button[aria-pressed=true],.segmented button[aria-pressed=true],.slide-controls button[aria-pressed=true],.feed-columns button[aria-pressed=true]){background:var(--f90-blue);color:var(--f90-cream);border-color:var(--f90-blue)}
body:has(.vylko-return) :is(.brief-editor,.dna-panel,.launch-bridge,.selected-summary,.demo-guide,.production-panel,.launch-panel,.scope-note,.demo-brief,.source-update){background:var(--f90-surface);color:var(--f90-navy);border-color:var(--f90-line)}
body:has(.vylko-return) :is(.dna-field,.brief-editor label,.demo-body p,.demo-progress span,.dna-note){color:var(--f90-muted)}
body:has(.vylko-return) :is(.brief-editor input,.brief-editor textarea,.dna-field input,.dna-field textarea,.dna-field select,.demo-brief textarea,.studio-form input,.studio-form textarea){background:var(--f90-cream);color:var(--f90-navy);border-color:var(--f90-line)}
.demo-pill{background:var(--f90-blue);color:var(--f90-cream)}
.demo-progress .active,.demo-progress .done{color:var(--f90-blue);border-color:var(--f90-blue)}
.demo-progress span{border-color:var(--f90-line)}
.badge,.badge.review,.badge.approved,.badge.changes{background:var(--f90-soft-blue);color:var(--f90-navy)}
.badge.review,.badge.changes,.request-item{background:var(--f90-peach);color:var(--f90-navy)}
.request-item.resolved{background:var(--f90-soft-blue)}
.calendar-event{background:var(--f90-surface);color:var(--f90-navy);border-left-color:var(--f90-coral)}
.calendar-event.approved{background:var(--f90-soft-blue);border-left-color:var(--f90-blue)}
.calendar-event.changes{background:var(--f90-peach);border-left-color:var(--f90-coral)}
.calendar-event:hover{background:var(--f90-peach)}
.studio-stage,.previewside,#visual-stage{background:var(--f90-surface)}
.studio-controls,.studio-bottom,.studio-tabs,.grid.feed-view{background:var(--f90-cream)}
.studio-tabs button.active,.feed-view-options button.active{color:var(--f90-blue);border-bottom-color:var(--f90-blue)}
.studio-stage :is(.stage-state,.stage-notice,.st-label),.photo-use,.st-reset{color:var(--f90-muted)}
.photo-choice.selected,.layout-choice.selected{outline-color:var(--f90-blue);border-color:var(--f90-blue)}
.st-helpbox,.photo-drop,.studio-status{background:var(--f90-surface);color:var(--f90-navy);border-color:var(--f90-line)}
.toast{background:var(--f90-navy);color:var(--f90-cream)}
/* Exact original logo silhouette rendered with CSS, without modifying its raster. */
.feed90-mark{display:inline-block;position:relative;max-width:100%;vertical-align:middle;line-height:0}
.feed90-mark img{display:block;max-width:100%;height:auto}
@supports(mask-image:url("assets/feed90-logo-punchy-v1.png")){
 .feed90-mark img{opacity:0}
 .feed90-mark::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--f90-coral) 0 22.6%,var(--f90-navy) 22.6% 71.3%,var(--f90-coral) 71.3%);mask:url("assets/feed90-logo-punchy-v1.png") center/100% 100% no-repeat}
 .dark .feed90-mark::after,.logo-dark .feed90-mark::after{background:linear-gradient(90deg,var(--f90-coral) 0 22.6%,var(--f90-cream) 22.6% 71.3%,var(--f90-coral) 71.3%)}
}
.wordmark .feed90-mark{width:190px}.wordmark .feed90-mark img{width:100%}
.footer .wordmark .feed90-mark{width:240px}
.identity-block .wordmark .feed90-mark{width:100%}
.logo-variations figure{background:var(--f90-navy)}
.logo-dark .feed90-mark{width:100%}
.feed90-avatar{width:160px;aspect-ratio:1;background:var(--f90-blue);border-radius:24px;display:grid;place-items:center;overflow:hidden}
.feed90-avatar::before{content:"";height:120%;aspect-ratio:460/773;background:var(--f90-coral);mask:url("assets/feed90-logo-punchy-v1.png") left top/442.173913% 100% no-repeat}
.feed90-palette{grid-template-columns:repeat(5,minmax(0,1fr))}
.feed90-palette .swatch-navy{background:var(--f90-navy);color:var(--f90-cream)}
.feed90-palette .swatch-blue{background:var(--f90-blue);color:var(--f90-cream)}
.feed90-palette .swatch-coral{background:var(--f90-coral);color:var(--f90-navy)}
.feed90-palette .swatch-peach{background:var(--f90-peach);color:var(--f90-navy)}
.feed90-palette .swatch-cream{background:var(--f90-cream);color:var(--f90-navy);border:1px solid var(--f90-line)}
@media(max-width:720px){.wordmark .feed90-mark{width:160px}.identity-block .wordmark .feed90-mark{width:100%}.feed90-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.feed90-palette>div:last-child{grid-column:1/-1}}
@media print{body,.dark{background:var(--f90-cream);color:var(--f90-navy)}.feed90-mark img{opacity:1}.feed90-mark::after{display:none}}