/* Tibran approved navy/steel palette. Screen surfaces remain dark. */
:root{color-scheme:dark;--ink:#1B2B4B;--navy:#1B2B4B;--deep:#16233D;--blue:#2E5090;--surface:#1B2B4B;--surface-card:#1A2535;--surface-raised:#243657;--text:#EAF2F8;--text-accent:#A8C4F4;--paper:#1B2B4B;--pale:#1A2535;--cream:#243657;--muted:#C0CCDF;--line:#657A9A;--gold-ink:#D9C9B1;--red:#FFA6A6}
body,body.homepage,.document-body,.sample-page,.subpage{background:var(--surface);color:var(--text)}
.site-header,.site-footer,.brand-ribbon,.agenda,.approach,.profile-strip{background:var(--surface);color:var(--text)}
.hero,.outputs,.about{color:var(--text)}
.outputs,.about{background:var(--surface-card)}
.hero h1 em{color:var(--text-accent)}
.hero .eyebrow,.outputs .eyebrow,.approach .eyebrow,.profile-strip .eyebrow,.hero .lead{color:var(--muted)}
.hero-audience,.acceptance p,.step .gate,.path-card .path-need{color:var(--text)}
button.language,.nav-cta{color:var(--text);border-color:var(--line)}
.nav-cta:hover,.navlinks{background:var(--surface-card)}
.navlinks .mobile-contact{color:var(--text-accent)}
.menu-toggle span{background:var(--text)}
.homepage a:focus-visible,.homepage button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sand);outline-offset:4px}
.image-index{color:var(--text);background:#1B2B4BEB;padding:10px 12px}
.brand-emblem{background:var(--surface-card)}
/* Approved JPEG artwork remains intact in its bounded logo frame. */
.memo-sheet,.exhibit-link,.contact form,.path-card,.experience-link{background:var(--surface-raised);color:var(--text)}
.memo-top,.memo-option,.memo-foot,.sample-page td{border-color:var(--line)}
.memo-foot b,.contact label{color:var(--text)}
.memo-code,.eyebrow,.count,.field-number,.status{color:var(--text-accent)}
.memo-question,.sample-visual,.metric-track{background:var(--surface-card)}
.roadmap-bar.third{background:var(--text-accent)}
.contact input,.contact select,.contact textarea,.sample-page button{background:var(--surface-card);color:var(--text);border-color:var(--line)}
.contact small{color:var(--muted)}
.sample-page .tag{background:var(--surface-raised);color:var(--sand)}
.sample-page td{background:var(--surface-raised)}
.button,.primary{background:var(--blue);color:var(--text)}
.button.outline,.sample-page .outline{background:transparent;color:var(--text);border-color:var(--line)}
.button.sand{background:var(--sand);color:var(--ink)}
.path-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.path-card .path-need{min-height:0}
.product-status{display:inline-block;font-size:14px;line-height:1.7;color:var(--sand);border:1px solid var(--gold);padding:5px 10px;margin:0 0 18px}
.product-visual{padding:16px;background:var(--surface-card);border:1px solid var(--line);margin:22px 0}
.visual-caption{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}
.product-visual ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.product-visual li{font-size:13px;line-height:1.7;flex:1 1 90px;display:flex;align-items:center;gap:8px;padding:10px;border-inline-start:2px solid var(--gold);background:var(--surface-raised)}
.solution-library{margin-top:40px;border-top:1px solid var(--line);padding-top:30px}
.solution-library>h3{font-size:28px;margin-bottom:12px}.solution-library>p{color:var(--muted);font-size:16px}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.library-card{border-top:2px solid var(--gold);padding:20px;background:var(--surface-raised);min-width:0}
.library-card h3{font-size:20px;line-height:1.6;margin:0 0 10px}.library-card p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}
.partner-title{font-size:23px;margin-block:26px 12px}.quality-note{color:var(--muted)}
/* Experiences share the same foreground and surface roles. */
.wordmark,summary,footer h3{color:var(--text)}
.panel,.metric,.rules,.route-result,.plan-card,.notice,.tabbar{background:var(--surface-card);color:var(--text);border-color:var(--line)}
.metric,.rules,.route-result,.plan-card{background:var(--surface-raised)}
.tabbar [aria-selected="true"]{background:var(--surface-raised);color:var(--text);box-shadow:inset 0 -3px var(--gold)}
.tag,.tag.gold{background:var(--surface-raised);color:var(--sand);border-color:var(--line)}
.period,.plan-card small{color:var(--sand)}
.secondary{background:var(--surface-raised);color:var(--text-accent);border-color:var(--line)}
select,input{background:var(--surface-card);color:var(--text);border-color:var(--line)}
.notice{color:var(--sand);border-inline-start-color:var(--gold)}
.lang{background:var(--blue);color:var(--text)}
.metric.negative strong{color:var(--red)}
@media(min-width:921px){.site-header nav{gap:16px}.navlinks{gap:16px;background:transparent}.navlinks a{font-size:13px}}
@media(max-width:920px){.navlinks{background:var(--surface-card)}.path-cards,.library-grid{grid-template-columns:1fr}.product-visual li{flex-basis:110px}}
@media print{body,.sample-page,.subpage,.panel,.pathway{background:#fff;color:#0B2D4A}.sample-page td,.sample-page .tag{background:#EEF2F4;color:#0B2D4A}}
.path-status{color:var(--sand)}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--sand);outline-offset:4px}
.contact input,.contact select,.contact textarea,input,select,.menu-toggle{border-color:var(--stone)}
.metric-fill:not(.target),.roadmap-bar:not(.first):not(.last){background:var(--text-accent)}
.button.sand:hover{background:var(--gold);color:var(--ink)}