/* Omnia final blue identity — edit this token block for future brand changes.
   Light/dark values and soft fills are from Konstantinos's October 2026 specification.
   The website keeps its approved light sections and dark brand sections. */
:root{
 --brand-accent-light:#2A58B5;
 --brand-accent-dark:#6E9BE6;
 --brand-soft-light:rgba(42,88,181,.08);
 --brand-soft-dark:rgba(110,155,230,.10);
 --on-accent:#FFFFFF;
 --accent:var(--brand-accent-light);
 --accent-soft:var(--brand-soft-light);
 --accent-hover:color-mix(in srgb,var(--accent) 88%,#04060B);
 --tone-950:#04060B;--tone-900:#0E131D;--tone-850:#161D2A;--tone-800:#1B2230;
 --tone-750:#25334B;--tone-700:#3C4C67;--tone-600:#52647E;--tone-500:#71829C;
 --tone-400:#95A7C2;--tone-300:#B5C6DF;--tone-200:#CFDBED;--tone-100:#E7EDF8;--tone-50:#F4F7FC;
 --night:var(--tone-950);--night-soft:var(--tone-900);--blue-dark:var(--tone-750);
 --paper:#F8FAFD;--ink:#0E1626;--muted:var(--tone-600);--line:#DCE4F1;
 --soft-blue:var(--brand-soft-light);--peach:#F5EFE4;
 --gold:#F6C97A;--coral:#FF7A6B;
 --mark-start:#79A5EC;--mark-end:#2D5EBE;--mark-sun:#F3AF4B;
}
/* Semantic contrast contexts, independent of the browser's OS theme. */
#site-header,.footer,.launch-hero,.blue-section,.launch-finale,.company-product-art,
.connections-section,.launch-dock,#release-dialog,.film-dialog{
 --accent:var(--brand-accent-dark);--accent-soft:var(--brand-soft-dark);
 --mark-start:#B4CEF6;--mark-end:#4C7DD4;--mark-sun:#EFCB86;
}
.sync-tile,.tour-note,.product-label,.hero-screen-switch button[aria-selected=true]{
 --accent:var(--brand-accent-light);--accent-soft:var(--brand-soft-light);
}
:root,#site-header,.footer,.launch-hero,.blue-section,.launch-finale,.company-product-art,
.connections-section,.launch-dock,#release-dialog,.film-dialog,.sync-tile,.tour-note,.product-label,
.hero-screen-switch button[aria-selected=true]{
 --electric:var(--accent);--blue:var(--accent);--green:var(--accent-soft);
}
body{background:var(--paper);color:var(--ink)}
#site-header,.footer,.launch-hero,.launch-finale,.launch-dock,.company-product-art{background:var(--night)}
.blue-section,.connections-section{background:var(--tone-900)}
.hero-glow{background:radial-gradient(ellipse at 82% 29%,var(--accent-soft),transparent 54%),radial-gradient(ellipse at 48% 95%,#f6c97a0a,transparent 50%)}
.company-symbol{background:var(--tone-100)}
.company-product-art img{mix-blend-mode:normal}
/* Buttons have one brand accent and one on-accent value across the website. */
.nav-cta,.button.primary,.button.electric,.primary,.small-button,.planner-intro button,.launch-dock button,
.finale-actions .night-button,.connections-copy .connections-cta,#release-dialog .notify-launch,
.demo-tabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent)}
.nav-cta:hover,.button.primary:hover,.button.electric:hover,.primary:hover,.small-button:hover,
.planner-intro button:hover,.finale-actions .night-button:hover,#release-dialog .notify-launch:hover{
 background:color-mix(in srgb,var(--accent) 88%,var(--tone-950));color:var(--on-accent)
}
.text-link,.legal-contact a,.policy-body a,.faq-list a,.company-contact a:not(.button){color:var(--accent)}
.launch-copy h1 em,.tour-copy h2 em,.finale-inner h2 em,.connections-copy h2 em{color:var(--accent)}
.omnia-signature>span{color:var(--accent)}
:focus-visible{outline-color:var(--accent)}
.pillar-strip,.principles-section,.wellbeing-section,.company-details-section{background:var(--tone-100)}
.card-blue,.card-green,.blue-art{background:var(--tone-100)}
.card-peach,.peach-art{background:#F3ECDF}
.label-bottom,.product-label{background:var(--tone-100);color:var(--tone-750)}
.label-top{background:#F6E4C4}
.tour-note{background:var(--tone-100);color:var(--ink)}
.hero-screen-switch button[aria-selected=true]{background:var(--tone-100);color:var(--brand-accent-light)}
.product-screens{background:radial-gradient(ellipse at bottom,var(--tone-100),transparent 70%)}
/* Selected states use the exact soft-fill value, with the accent as their outline. */
.capture-tabs button{background:#fff;color:var(--ink);border-color:var(--line)}
.capture-tabs button:hover{background:var(--accent-soft);border-color:var(--accent)}
.capture-tabs button[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:none}
.capture-tabs button[aria-selected=true] .capture-method-icon{color:var(--accent)}
.capture-preview{background:linear-gradient(145deg,var(--tone-50),var(--tone-100));border-color:var(--line)}
.capture-preview-top,.capture-panel-copy h3{color:var(--ink)}
.capture-disclaimer,.capture-footnote,.illustration-note,.sample-tag{color:var(--muted)}
.scan-corner{border-color:var(--accent)}.scan-beam{background:var(--accent);box-shadow:0 0 15px 5px var(--accent-soft)}
.preview-dot{background:var(--accent)}
.capture-result{background:#fff;border-color:var(--line)}
.capture-result strong{color:var(--ink)}.capture-result div>span{color:var(--muted)}
.result-tick{background:var(--accent);color:var(--on-accent)}
.voice-orb{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 10px var(--accent-soft)}
.voice-wave i{background:var(--accent)}.capture-illustration blockquote{color:var(--ink)}
.sample-message{background:#fff;border-color:var(--line)}.sample-message>p{color:var(--ink)}
.sample-message svg,.sample-message>span{color:var(--muted)}.text-caret{background:var(--accent)}
.food-chips span{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}
.sample-label-card,.sample-receipt{color:var(--ink)}.sample-label-card>strong{color:var(--accent);border-color:var(--accent)}
.sample-label-card>div,.sample-label-card .label-footer{color:var(--ink)}
.sample-package{color:var(--accent);box-shadow:13px 10px 0 var(--tone-400),0 18px 35px #0e162620}
.barcode-beam{background:var(--accent);box-shadow:0 0 12px 2px var(--accent-soft)}
/* The connected-app illustration has light tiles on a dark navy surface. */
.sync-board{background:linear-gradient(140deg,var(--tone-850),var(--tone-900));border-color:var(--tone-750)}
.sync-tile,.sync-sleep{background:var(--tone-50);color:var(--ink)}.sync-tile:hover{background:#fff}
.sync-tile-icon,.sync-sleep .sync-tile-icon{color:var(--accent)}
.sync-tile>span:last-child{color:var(--tone-600)}
.sync-heart .sync-tile-icon{color:#B85D71}.sync-heart .sync-tile-icon svg{fill:#B85D71}
.sync-calendar .sync-tile-icon{color:var(--accent)}
.sync-energy{background:#F3E8CF}.sync-energy .sync-tile-icon{color:#9F7A3C}
.connection-detail-icon{background:var(--accent-soft);color:var(--accent)}
.connection-status{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent)}
.connection-status.planned{background:#F0D6A6;color:#544326;border:0}
.connections-section :focus-visible{outline-color:var(--accent)}
/* Interactive sample app shares the same light tokens. */
.demo-spotlight,.planner-intro,.nutrition-overview{background:var(--accent-soft)}
.demo-avatar,.add-water,.peach,.green,.lilac{background:var(--accent-soft);color:var(--accent)}
.demo-tabs,.habit-toggle,.schedule-block{background:var(--tone-50);border-color:var(--line)}
.habit-toggle[aria-checked=true],.habit-toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}
.habit-toggle[aria-checked=true]>span,.habit-toggle[aria-pressed=true]>span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.week-dots b{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.water-progress{background:var(--accent-soft)}.water-progress i{background:var(--accent)}
.calorie-ring{background:conic-gradient(var(--accent) var(--ring,23%),var(--tone-100) 0)}
.nutrition-overview .calorie-ring{background:conic-gradient(var(--accent) var(--ring,23%),var(--tone-200) 0)}
.nutrition-overview .calorie-ring:before{background:var(--tone-50)}
.schedule-block,.schedule-block.fixed{border-color:var(--accent)}.schedule-block.fixed{background:var(--accent-soft)}
#release-dialog{background:radial-gradient(ellipse at 50% 0,var(--tone-750),transparent 57%),var(--tone-950)}
.release-state>span,.launch-status>span{background:var(--gold)}
@media(max-width:780px){.desktop-nav{background:var(--tone-900)}}