/* Nibblify appearance. Light keeps the editorial palette; dark uses warm charcoal. */ :root { color-scheme: light; --theme-control-fg:#4a4f45; --theme-control-border:#d5dacf; } .nib-theme-toggle { width:42px; height:42px; padding:0; flex-shrink:0; align-items:center; justify-content:center; border:1px solid var(--theme-control-border); border-radius:50%; background:transparent; color:var(--theme-control-fg); cursor:pointer; transition:background .18s, border-color .18s; } .nib-theme-toggle:not([hidden]) { display:inline-flex; } .nib-theme-toggle:hover { background:#83956b18; border-color:#91a07e; } .nib-theme-toggle svg { width:19px; height:19px; } .nib-theme-toggle:focus-visible, .nib-theme-select:focus-visible { outline:2px solid #8d9f71; outline-offset:4px; } .nib-theme-sun, img.nib-wordmark-dark { display:none; } .nib-theme-setting { align-items:center; gap:10px; font:500 11px/1.5 var(--font-body); color:var(--theme-control-fg); } .nib-theme-setting:not([hidden]) { display:flex; flex-wrap:wrap; } .nib-theme-select { max-width:220px; padding:9px 11px; border:1px solid var(--theme-control-border); border-radius:100px; background:transparent; color:inherit; font:inherit; cursor:pointer; } .nib-theme-select option { background:#f8f6ef; color:#242920; } .nib-footer .nib-theme-setting { --theme-control-fg:#c0c9b3; --theme-control-border:#ffffff35; } .nib-footer .nib-theme-select option { background:#242920; color:#edf1e5; } .nib-theme-standalone { position:absolute; top:20px; inset-inline-end:20px; } .premium-app-link > .nib-theme-setting { justify-content:center; margin-top:18px; } .foot-in { flex-wrap:wrap; } [data-theme-toggle][hidden], [data-theme-settings][hidden] { display:none !important; } @media (max-width:480px) { :is(.premium-home,.premium-site) .nib-nav-inner { padding-inline:20px; } :is(.premium-home,.premium-site) .nib-nav-actions { gap:6px; } .nib-nav .nib-nav-logo { gap:7px; } .nib-nav .nib-nav-logo-img { width:26px; height:26px; } .nib-nav-wordmark .nib-signature { width:96px; } .nib-nav .nib-theme-toggle { width:38px; height:38px; } .nib-nav .nib-hamburger { width:34px; } :is(.premium-home,.premium-site) .nib-nav .nib-lang-select { max-width:88px; } .premium-dossier .hdr-chip { font-size:9px; padding-inline:9px; } .premium-dossier .brand { gap:6px; } .premium-dossier .brand > img:not(.nib-signature) { display:none; } } @media (max-width:370px) { .nib-nav .nib-nav-logo-img { display:none; } .nib-nav-wordmark .nib-signature { width:84px; } :is(.premium-home,.premium-site) .nib-nav .nib-lang-select { max-width:78px; } } /* Dark overrides are screen-only, so legal documents keep a light print layout. */ @media screen { :root[data-theme="dark"] { color-scheme:dark; --theme-control-fg:#d7dfcd; --theme-control-border:#44513a; } :root[data-theme="dark"] .nib-theme-moon, :root[data-theme="dark"] img.nib-wordmark-light { display:none; } :root[data-theme="dark"] .nib-theme-sun, :root[data-theme="dark"] img.nib-wordmark-dark { display:block; } :root[data-theme="dark"] .nib-theme-select option { background:#242d20; color:#edf1e5; } :root[data-theme="dark"] body:is(.premium-home,.premium-site,.premium-app-link) { --paper:#171c16; --ink:#f2f0e6; --orange:#f79470; --muted:#b1bca6; --bg-deep:#171c16; --bg-card:#22291e; --surface:#2b3525; --surface-2:#262f22; --text-primary:#f2f0e6; --text-secondary:#d2d9c8; --text-muted:#b1bca6; --brand-orange:#ffa27b; --brand-red:#f58d68; --brand-gradient:linear-gradient(120deg,#ffa27b,#f6ba96); --border:#3b4632; --border-brand:#8b775254; background:#171c16; color:#f2f0e6; } :root[data-theme="dark"] :is(.premium-home,.premium-site) .nib-nav, :root[data-theme="dark"] :is(.premium-home,.premium-site) .nib-nav.scrolled { background:#171c16f5; border-color:#343e2c; } :root[data-theme="dark"] :is(.premium-home,.premium-site) :is(.nib-nav-link,.nib-dropdown-trigger,.nib-hamburger,.nib-lang-select) { color:#d2d9c8; } :root[data-theme="dark"] :is(.premium-home,.premium-site) .nib-lang-select { border-color:#44513a; } :root[data-theme="dark"] :is(.premium-home,.premium-site) .nib-lang-select option { background:#242d20; color:#edf1e5; } :root[data-theme="dark"] :is(.premium-home,.premium-site) :is(.nib-nav-link:hover,.nib-dropdown-trigger:hover,.premium-text-link:hover) { color:#ffa27b; } :root[data-theme="dark"] :is(.premium-home,.premium-site) .nib-dropdown-panel { background:#22291e; border-color:#44513a; box-shadow:0 18px 50px #0004; } :root[data-theme="dark"] :is(.premium-home,.premium-site) :is(.nib-dropdown-item,.nib-mobile-menu,.nib-mobile-link) { border-color:#3b4632; } :root[data-theme="dark"] :is(.premium-home,.premium-site) .nib-dropdown-text p { color:#b1bca6; } :root[data-theme="dark"] :is(.premium-home,.premium-site) .nib-nav-logo-img, :root[data-theme="dark"] .premium-app-link .app-brand img { mix-blend-mode:normal; } :root[data-theme="dark"] .premium-skip { background:#dce6ca; color:#242920; } :root[data-theme="dark"] :is(.premium-home,.premium-site) ::selection { background:#596c42; color:#fffdf5; } /* Homepage: retain the photography and warm orange closing panel. */ :root[data-theme="dark"] .premium-announcement { background:#293323; color:#d4ddc8; } :root[data-theme="dark"] :is(.premium-kicker,.premium-hero-description,.premium-art-label,.premium-section-intro,.premium-step p,.premium-story blockquote,.premium-language-count,.premium-invitation-body) { color:#b1bca6; } :root[data-theme="dark"] :is(.premium-hero-footnote div > span,.premium-photo-caption div > span,.premium-facts > div > span,.premium-facts > a > span,.premium-story figcaption div > span,.premium-world-copy > p:not(.premium-kicker)) { color:#b1bca6; } :root[data-theme="dark"] .premium-title em { color:#f79470; } :root[data-theme="dark"] :is(.premium-mini-icon,.premium-fact-intro .nib-icon,.premium-step-number) { color:#b6c7a0; } :root[data-theme="dark"] :is(.premium-facts > div:not(:first-child),.premium-facts > a,.premium-step,.premium-mini-icon,.premium-round-link) { border-color:#3b4632; } :root[data-theme="dark"] .premium-facts::before { background:#3b4632; } :root[data-theme="dark"] .premium-photo-caption { background:#252e20; box-shadow:0 14px 40px #0004; } :root[data-theme="dark"] .premium-caption-icon { background:#443327; color:#ffa27b; } :root[data-theme="dark"] :is(.premium-step-icon,.premium-founder-mark,.premium-world-orb) { background:#303d27; color:#c6d6ad; border-color:#49593b; } :root[data-theme="dark"] .premium-world { background:#222b1d; } :root[data-theme="dark"] :is(.premium-language-ring,.premium-language-ring::after) { border-color:#425235; } :root[data-theme="dark"] .premium-language-art > span { background:#2c3625; color:#d2dfbe; border-color:#48553b; } :root[data-theme="dark"] .premium-language-count strong { color:#cfddba; } :root[data-theme="dark"] .premium-round-link:hover { background:#303d27; } :root[data-theme="dark"] .premium-final .premium-kicker { color:#2c210f; } /* Product and company surfaces. */ :root[data-theme="dark"] .premium-site .site-hero-title .nib-gradient-text { color:#f79470; } :root[data-theme="dark"] .premium-site .site-dark .site-hero-title .nib-gradient-text { color:#d2dfb8; } :root[data-theme="dark"] .site-art-note { background:#283322; color:#d5dfc7; box-shadow:0 15px 40px #0005; } :root[data-theme="dark"] .site-art-note .nib-icon { color:#ffa27b; } :root[data-theme="dark"] .premium-site .nib-pill { background:#2e3a26; border-color:#46573a; color:#d2dfbe; } :root[data-theme="dark"] .premium-site .nib-pill-dot { background:#b4c892; } :root[data-theme="dark"] .premium-site .nib-store-btn { border-color:#64754e; } :root[data-theme="dark"] .premium-site .site-cta .nib-store-btn { border-color:#fff9ed; } :root[data-theme="dark"] .site-feature-media { background:#2e3926; } :root[data-theme="dark"] .site-feature-row:nth-child(2) .site-feature-media { background:#35392b; } :root[data-theme="dark"] .site-feature-row:nth-child(3) .site-feature-media { background:#3a3126; } :root[data-theme="dark"] .site-feature-index { color:#b0c28f; } :root[data-theme="dark"] .premium-site :is(.site-driver-facts .nib-card,.site-partner-showcase,.site-qr-section) { background:#283322; } :root[data-theme="dark"] .premium-site .site-driver-facts .nib-card .nib-card { background:transparent; } :root[data-theme="dark"] .premium-site .site-driver-facts .nib-icon { color:#c0d3a1; } :root[data-theme="dark"] .site-founder-monogram { background:#303d27; border-color:#485a38; color:#cfdfb4; } :root[data-theme="dark"] .premium-site .site-opportunities a.nib-card { background:#22291e; } :root[data-theme="dark"] :is(.site-commission,.site-partnership-art,.site-download-art) { background:#2a3622; } :root[data-theme="dark"] :is(.site-commission-mark,.site-city-label,.site-city-mark,.site-partnership-tag) { color:#c5d8a6; } :root[data-theme="dark"] .premium-site .site-commission .grid > div:first-child .nib-stat-value { color:#d4e3bc; } :root[data-theme="dark"] .premium-site .site-commission .grid > div:not(:first-child) { border-color:#475b34; } :root[data-theme="dark"] .premium-site .site-commission .nib-card { background:#354329; } :root[data-theme="dark"] .site-contact-art { background:#2e3c24; border-color:#4a5e36; } :root[data-theme="dark"] .site-contact-art > .nib-icon { color:#b8cf93; } :root[data-theme="dark"] .site-contact-art > span { background:#4d3326; color:#ffb394; border-color:#171c16; } :root[data-theme="dark"] .site-contact-cards > .nib-card > div { background:#303e25 !important; color:#c5da9f !important; } :root[data-theme="dark"] .premium-site .site-contact-form { background:#283322; } :root[data-theme="dark"] .premium-site .nib-field :is(input,textarea), :root[data-theme="dark"] .premium-site #contact-subject { background:#1b2418 !important; color:#edf1e5; border-color:#526241 !important; } :root[data-theme="dark"] .site-form-note { color:#bbc7af; } /* Comfortable legal reading, with distinct callouts and table headings. */ :root[data-theme="dark"] .premium-site .site-legal-heading { border-color:#3b4632 !important; } :root[data-theme="dark"] .site-toc details > summary { color:#d5dfc7; } :root[data-theme="dark"] .site-toc nav a { color:#b8c7a7; border-color:#3b4c2d; } :root[data-theme="dark"] .site-toc nav a:hover { color:#ffc0a0; background:#2c3624; border-color:#ffa27b; } :root[data-theme="dark"] .premium-site .site-legal-article { background:#20281c; border-color:#39462e; } :root[data-theme="dark"] .premium-site .site-legal-article :is(h2,h3,strong) { color:#e3ebd6; } :root[data-theme="dark"] .premium-site .site-legal-article :is(p,li,ul,ol,.legal-table td) { color:#c3cfb5; } :root[data-theme="dark"] .premium-site .site-legal-article a { color:#ffa985; } :root[data-theme="dark"] .premium-site .site-legal-article :is(.legal-lead,.legal-callout) { background:#2b3723; color:#cadab6; border-color:#475b34; } :root[data-theme="dark"] .premium-site .site-legal-article :is(.bg-gray-50,.bg-blue-50) { background:#2b3723; border-color:#475b34; } :root[data-theme="dark"] .premium-site .site-legal-article .legal-table th { background:#303e26; color:#e0eccf; } :root[data-theme="dark"] .page-data-deletion .warning-box { background:#422d22; border-color:#8b5b3c; } :root[data-theme="dark"] .premium-site .warning-box :is(h2,p,ul,span,strong) { color:#ffd1b6 !important; } :root[data-theme="dark"] .premium-site .site-access-card { background:#283322; border-color:#47583a; } :root[data-theme="dark"] .site-download-orbit { border-color:#4c6038; } :root[data-theme="dark"] .site-download-highlights { border-color:#3b4a2f; } :root[data-theme="dark"] .site-download-highlights > span { color:#c3cfb5; } :root[data-theme="dark"] .site-download-highlights .nib-icon { color:#bdd29c; } :root[data-theme="dark"] .premium-site .site-platform-card { background:#222c1d; border-color:#46563a; } :root[data-theme="dark"] .premium-site .site-platform-card > div:first-child { background:#33442a; } :root[data-theme="dark"] .premium-site .site-platform-card > div:first-child .nib-icon { color:#ccdfb1; } /* App handoff and standalone company documents use the same saved preference. */ :root[data-theme="dark"] .premium-app-link .card { background:#242e1f; border-color:#46573a; } :root[data-theme="dark"] .premium-app-link h1 { color:#edf1e5; } :root[data-theme="dark"] .premium-app-link :is(p,.app-footer) { color:#bac8ab; } :root[data-theme="dark"] .premium-app-link a.store { color:#d7e3c7; border-color:#617849; } :root[data-theme="dark"] body.premium-dossier { --ink:#171c16; --ink-1:#22291e; --ink-2:#2c3824; --white:#f0f2e8; --paper:#cbd8bb; --text:#bdc9b0; --mute:#acba9c; --faint:#a5b591; --orange:#ffa27b; --orange-lt:#ffc0a0; --line:#ffffff20; --line-2:#ffffff35; --border-brand:#b3916166; --maroc:#d7a57a; --ember-ink:linear-gradient(120deg,#ffa27b,#f6ba96); background:#171c16; color:#bdc9b0; } :root[data-theme="dark"] .premium-dossier :is(.hdr,.rail) { background:#171c16f5; } :root[data-theme="dark"] .premium-dossier .stamp { background:#283222; } :root[data-theme="dark"] .premium-dossier .part-opener { background:#232d1e; } :root[data-theme="dark"] .premium-dossier .grad { color:#ffa27b; } :root[data-theme="dark"] .premium-dossier table { color:#cad5be; } } @media print { :root { color-scheme:light; } .nib-theme-toggle, .nib-theme-setting, .nib-theme-standalone { display:none !important; } } @media (prefers-reduced-motion:reduce) { .nib-theme-toggle { transition:none; } }