/* Neutral light baseline; appearance.css provides the selected palette and dark mode. */ :root { --salmon-brand-background:#f3f4f4; --preview-bg:var(--salmon-brand-background); --preview-text:#181b1b; --preview-muted:#181b1b99; --preview-faint:#181b1b99; --preview-link:#a13f36; --preview-surface:hsl(156 2.7% 90.4%); --salmon-glass-fill:rgb(225 226 226 / .72); --preview-panel:#f3f4f4f2; --preview-line:rgb(25 26 26 / .14); --preview-segment:rgb(25 26 26 / .04); --preview-selected:#ffffff; --preview-selected-ink:#181b1b; --preview-shadow:#0000001b; --preview-veil:#201c1626; --ocean-dither-rgb:25,26,26; --font-sans:Inter,ui-sans-serif,system-ui,sans-serif; --mkt-surface:var(--preview-bg); --mkt-surface-2:var(--preview-surface); --mkt-ink:var(--preview-text); --mkt-ink-rgb:25 26 26; --mkt-ink-muted:var(--preview-muted); --mkt-accent-ink:var(--preview-link); } :root { background:var(--preview-bg); color:var(--preview-text); --color-base-100:var(--preview-text); } :root { color-scheme:light; } :root .salmon-home { color:var(--preview-text); } :root :is(.salmon-wordmark,.salmon-wordmark-large,.salmon-nav-link,.salmon-mobile-link,.salmon-menu-toggle,.salmon-footer-navigation a,.salmon-footer-account) { color:var(--preview-text); } :root :is(.salmon-nav-login,.salmon-mobile-link.salmon-nav-login,.salmon-footer-brand p,.salmon-footer-navigation h2) { color:var(--preview-muted); } :root .salmon-home :is(.text-muted,.text-faint):not(.ui *) { color:var(--preview-muted); } :root .salmon-home .text-normal:not(.ui *) { color:var(--preview-text); } :root .salmon-home .text-accent:not(.ui *), :root :is(a.salmon-nav-link,a.salmon-mobile-link,.salmon-footer a):hover { color:var(--preview-link); } :root .salmon-footer-bottom { color:var(--preview-faint); } :root .salmon-footer { border-color:var(--preview-line); } :root .salmon-home .divide-y > * + * { border-color:var(--preview-line); } :root .salmon-header, :root .salmon-header.scrolled { background:var(--preview-bg); -webkit-backdrop-filter:none; backdrop-filter:none; isolation:auto; } :root .salmon-header[data-glass-ready="true"] { background:transparent; } .salmon-header-glass { position:fixed; inset:0 0 auto; height:64px; z-index:49; pointer-events:none; } /* Rechecked against Palantir: uniform neutral tint, no gradient or internal stop. */ .salmon-header-glass::before, .salmon-header-glass::after { content:""; position:absolute; inset:0; pointer-events:none; transition:opacity 180ms ease; } /* At the top the header is frosted pond rather than solid, so the fish swim on behind it. */ .salmon-header-glass::after { background:color-mix(in srgb,var(--preview-bg) 50%,transparent); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:1; } .salmon-header-glass::before { background:rgba(171,171,171,.1); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 2px 10px rgba(0,0,0,.1); opacity:0; } .salmon-header-glass[data-glass="true"]::before { opacity:.9; } .salmon-header-glass[data-glass="true"]::after { opacity:0; } .salmon-header[data-glass="true"] { mix-blend-mode:difference; } :root .salmon-header[data-glass="true"] :is(.salmon-wordmark,.salmon-nav-link,.salmon-menu-toggle) { color:#fff; } :root .salmon-header[data-glass="true"] :is(a,button):focus-visible { outline-color:#fff; } .salmon-header[data-glass-ready="true"] .salmon-symbol { visibility:hidden; } .salmon-header-mark { position:fixed; top:0; z-index:51; pointer-events:none; } @supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))) { .salmon-header-glass::before { background:var(--preview-panel); } .salmon-header-glass::after { background:var(--preview-bg); } .salmon-letter-bar { background:var(--preview-text); } } @media (prefers-reduced-transparency:reduce) { .salmon-header-glass::after { background:var(--preview-bg); } .salmon-letter-bar { background:var(--preview-text); } } @media (prefers-reduced-motion:reduce) { .salmon-header-glass::before,.salmon-header-glass::after { transition:none; } } :root .salmon-logo-tile { background:var(--preview-surface); } :root .from-primary { --tw-gradient-from:var(--preview-bg); --tw-gradient-to:transparent; } :root .bg-basalt::before { mix-blend-mode:multiply; opacity:.15; } :root .salmon-mobile-links { background:var(--salmon-glass-fill); border-color:color-mix(in srgb,var(--preview-text) 12%,transparent); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 18px 60px var(--preview-shadow),inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff20; } :root .salmon-mobile-link.salmon-nav-login { color:color-mix(in srgb,var(--preview-text) 84%,transparent); } @supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))) { :root .salmon-mobile-links { background:var(--preview-panel); } } @media (prefers-reduced-transparency:reduce) { :root .salmon-mobile-links { background:var(--preview-panel); } } :root .salmon-mobile-menu.is-open::backdrop { background:var(--preview-veil); } :root .salmon-menu-toggle:hover { background:var(--preview-segment); } /* Consistent surfaces and readable colors across the launch templates. */ body { background:var(--preview-bg); color:var(--preview-text); } :root .salmon-nav-link[aria-current], :root .salmon-mobile-link[aria-current] { color:var(--preview-link); } .salmon-home .text-white:not(.ui *), .salmon-home .text-normal:not(.ui *) { color:var(--preview-text); } .salmon-home .divide-y:not(.ui *) > * + * { border-color:var(--preview-line); } .salmon-plans { --plan-surface:var(--preview-surface); --plan-border:var(--preview-line); --plan-ink:var(--preview-text); --plan-muted:var(--preview-muted); } .salmon-plan-price > span, .salmon-plan-features svg, .salmon-plan-question > p { color:var(--plan-muted); } .salmon-plan-features .is-sync, .salmon-plan-features .is-sync svg, .salmon-plans-eyebrow, .salmon-ownership > a { color:var(--preview-link); } .salmon-plan-question, .salmon-plan-question:last-child { border-color:var(--preview-line); } .salmon-plan-action, .salmon-plan-action:disabled { background:#d4eaf4; color:var(--preview-text); } .salmon-plan-card[data-plan='salmon'] .salmon-plan-action { background:var(--salmon); color:var(--salmon-ink); } .security-placeholder h1 { color:var(--preview-text); } .security-placeholder p { color:var(--preview-muted); } .news-page, .news-page.news-dark { --news-background:var(--preview-bg); --news-paper:var(--preview-surface); --news-ink:var(--preview-text); --news-muted:var(--preview-muted); --news-line:var(--preview-line); --news-link:var(--preview-link); } .news-detail { background:var(--preview-bg); } .news-card-copy .news-eyebrow, .news-detail .news-article-meta { color:var(--preview-link); } .account-shell { --account-border:var(--preview-line); color:var(--preview-text); } .account-card, .account-dialog { background:var(--preview-surface); color:var(--preview-text); border-color:var(--preview-line); } .account-heading p, .account-preview-notice, .account-card-heading h2, .account-price span, .account-plan-summary, .account-details dt, .account-actions > .account-link-button, .account-actions > a, .account-license-description, .account-license-note, .account-preview-switcher > span, .account-preview-switcher button, .account-dialog-heading > button, .account-dialog > p { color:var(--preview-muted); } .account-demo, .account-status, .account-key-symbol, .account-license, .account-feedback, .account-plan-choices button > span:last-child { color:var(--preview-link); } .account-actions > .account-secondary, .account-dialog-actions button:first-child { background:#d4eaf4; color:var(--preview-text); } .account-license { background:var(--preview-bg); } .account-preview-switcher { background:var(--preview-panel); border-color:var(--preview-line); box-shadow:0 12px 50px var(--preview-shadow); } .account-preview-switcher button[aria-selected='true'] { background:var(--salmon); color:var(--salmon-ink); } .account-plan-choices button { background:var(--preview-bg); color:var(--preview-text); border-color:var(--preview-line); } .account-dialog::backdrop, .handbook-search::backdrop { background:var(--preview-veil); } .account-shell :is(button,a):focus-visible { outline-color:var(--preview-link); } .salmon-download-page { background:var(--preview-bg); } .salmon-download::before { background:radial-gradient(ellipse,var(--preview-bg) 0%,color-mix(in srgb,var(--preview-bg) 85%,transparent) 26%,color-mix(in srgb,var(--preview-bg) 50%,transparent) 48%,transparent 72%); } .salmon-download-icon { filter:drop-shadow(0 12px 28px var(--preview-shadow)); } /* One uniform glass material for the website's tiles and panels. */ :root :is(.salmon-glass,.salmon-plan-card,.news-card:not(.news-card-compact),.account-card,.account-dialog,.account-preview-switcher,.handbook-entry-board,.handbook-search), :root .salmon-home .tab-pane { background:var(--salmon-glass-fill); color:var(--preview-text); border:1px solid var(--preview-line); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 12px 36px var(--preview-shadow),inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff20; } :root .salmon-home .card:not(.salmon-logo-tile) { border-radius:16px; } :root .salmon-home .card-logo::after { display:none; } .news-editorial-media { background:transparent; } .handbook-entry-board > a { background:transparent; } /* Light editor previews: glass outer frames, quiet inner reading surfaces. */ .salmon-home :is(.app-window,.app-phone,.mock-frame-dark,.ui.bg-gray-900,.ui.bg-white,.ui .bg-gray-800) { background:color-mix(in srgb,var(--preview-surface) 86%,transparent); color:var(--preview-text); border-color:var(--preview-line); box-shadow:0 8px 26px var(--preview-shadow),inset 0 1px 0 #ffffff70; } .salmon-home :is(.app-window,.app-phone) { -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); } .salmon-home .ui .bg-gray-800 { background:color-mix(in srgb,var(--preview-surface) 92%,transparent); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); } .salmon-home :is(.app-titlebar,.app-sidebar,.app-tab-bar,.app-statusbar,.app-phone-bubble,.app-phone-bubble-round,.ui .bg-gray-50,.ui .bg-gray-700,.tab-glider) { background:color-mix(in srgb,var(--preview-surface) 82%,transparent); } .salmon-home :is(.app-tab.is-active,.app-sidebar-file.is-active,.app-toolbar-icon.is-active) { background:var(--preview-segment); color:var(--preview-text); } .salmon-home .tab-button.active,.salmon-home .tab-button:hover { background:var(--salmon-glass-fill); color:var(--preview-text); box-shadow:inset 0 0 0 1px var(--preview-line),inset 0 1px 0 #ffffff70; } .salmon-home .tab-container .tab-glider, .salmon-home .tab-container .mt-8.relative:hover .tab-glider { background:var(--preview-segment); } .salmon-home :is(.app-pane,.app-border,.app-statusbar,.app-sidebar,.mock-setting) { border-color:var(--preview-line); } .salmon-home :is(.app-window,.app-phone,.ui,.app-editor,.app-editor strong,.app-h1,.app-h2,.app-text-normal,.mock-setting-label) { color:var(--preview-text); } .salmon-home :is(.app-sidebar,.app-tab,.app-text-muted,.app-statusbar,.app-vault-footer,.app-phone-icon,.mock-setting-desc) { color:var(--preview-muted); } .salmon-home .ui :is(.text-normal,.text-white,.text-gray-800,.text-gray-700,.text-gray-900) { color:var(--preview-text); } .salmon-home .ui :is(.text-muted,.text-faint,.text-gray-400,.text-gray-500,.text-gray-600) { color:var(--preview-muted); } .salmon-home .ui [class*="text-[#999]"] { color:var(--preview-muted); } .salmon-home .ui :is(.text-accent-400,.text-accent-300,.app-tag) { color:var(--preview-link); } .salmon-home .ui :is(.border-gray-800,.border-gray-700,.border-gray-600,.border-gray-200) { border-color:var(--preview-line); } .salmon-home .ui [class*="hover:bg-gray-"]:hover { background:var(--preview-segment); } .salmon-home .ui [contenteditable] { caret-color:var(--preview-text); } .salmon-home .app-checkbox { border-color:var(--preview-muted); } .salmon-home .app-checkbox.is-checked { color:var(--salmon-ink); } .salmon-home .ui .bg-green-900 { background:#c5e6da; } .salmon-home .ui .bg-yellow-900 { background:#efe2b9; } .salmon-home .ui .bg-green-500 { background:#b5dacc; color:#264c40; } .salmon-home .ui .bg-yellow-500 { background:#ead797; color:#56441f; } .salmon-home .ui .bg-gray-600 { background:#b2cbd7; } .salmon-home .ui .checkbox-container.is-enabled { background:var(--salmon); } .salmon-home .demo-graph svg path { stroke:#56758a; stroke-opacity:.3; } .salmon-home .demo-graph svg circle { fill:#6b8b9e; } .salmon-home .demo-graph svg circle[fill="#22c55e"] { fill:#c45144; } .salmon-home .demo-graph svg text { fill:var(--preview-text); color:var(--preview-text); } .graph-view.color-line { color:rgba(24,51,70,.24); } .graph-view.color-text,.graph-view.color-fill-focused { color:#183346; } .graph-view.color-fill,.graph-view.color-fill-unresolved { color:#66869a; } .graph-view.color-fill-tag,.graph-view.color-fill-highlight,.graph-view.color-line-highlight { color:#c45144; } @supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))) { :root :is(.salmon-glass,.news-card:not(.news-card-compact),.account-card,.account-dialog,.account-preview-switcher,.handbook-entry-board,.handbook-search), :root .salmon-home .tab-pane { background:var(--preview-surface); } } @media (prefers-reduced-transparency:reduce) { :root :is(.salmon-glass,.salmon-plan-card,.news-card:not(.news-card-compact),.account-card,.account-dialog,.account-preview-switcher,.handbook-entry-board,.handbook-search), :root .salmon-home .tab-pane { background:var(--preview-surface); } } @media print { .handbook { --mkt-surface:white; --mkt-surface-2:#fafafa; --mkt-ink:black; --mkt-ink-muted:#333; --mkt-ink-rgb:0 0 0; } } /* Announcement bar (24 October 2026): darkened navy glass, above the header while the page is at the top, closable for the tab. Off since 25 October 2026 (the letter leads News instead); kept for dated news such as launch day. To show one, put an