/* Generated from palette/deepseafoam.json. */
:root {
  --dsf-solid-base: #000F13;
  --dsf-solid-panel: #001E26;
  --dsf-solid-accent: #00A591;
  --dsf-solid-text: #93A1A1;
  --dsf-solid-faint-text: #839496;
  --dsf-solid-warm: #EEE8D5;
  --dsf-solid-light-edge: #FDF6E3;
  --dsf-solid-border: #586E75;
  --dsf-solid-document: #45D072;
  --dsf-solid-warning: #EBE565;
  --dsf-solid-error: #E84A5F;
  --dsf-overlay-separator: #586E7566;
  --dsf-overlay-hover: #586E7533;
  --dsf-overlay-shadow-soft: #00000066;
  --dsf-overlay-shadow-strong: #000000CC;
  --dsf-overlay-backdrop: #000000B8;
  --dsf-overlay-grid: #002B3630;
  --dsf-overlay-guide: #00A59188;
  --dsf-overlay-cursor: #FDF6E3AA;
  --dsf-preview-checker-light: #D0D1C9;
  --dsf-preview-checker-dark: #B2B5AE;
  --dsf-preview-navigator-dark: #292E33;
  --dsf-preview-navigator-light: #30363B;
  --dsf-preview-comparison-dark: #30373A;
  --dsf-preview-comparison-light: #394143;
  --dsf-preview-frame: #343B40;
  --dsf-preview-layer: #191D22;
  --dsf-heritage-base03: #002B36;
  --dsf-heritage-base02: #073642;
  --dsf-heritage-base00: #657B83;
  --dsf-heritage-orange: #CB4B16;
  --dsf-heritage-magenta: #D33682;
  --dsf-heritage-violet: #6C71C4;
  --dsf-heritage-blue: #268BD2;
  --dsf-derived-text-selection: #00A59126;
  --dsf-derived-error-background: #E84A5F26;
  --dsf-derived-error-background-hover: #E84A5F2E;
  --dsf-terminal-foreground: #9CC2C3;
  --dsf-terminal-cursor-color: #F34B00;
  --dsf-terminal-selection-background: #003748;
  --dsf-terminal-green: #6CBE6C;
  --dsf-terminal-cyan: #259286;
  --dsf-terminal-white: #EAE3CB;
}
/* Generated from palette/harbor-daylight.json and shared dark roles. */
.harbor-daylight {
  color-scheme: light;
  --background: #F3F2E9;
  --surface: #E3ECE7;
  --paper: #FCFAF2;
  --text: #355451;
  --muted: #536B66;
  --heading: #173D3A;
  --border: #6B857E;
  --accent: #006F63;
  --accent-hover: #00594F;
  --document: #247449;
  --warning: #77600E;
  --error: #AD3E55;
  --separator: #6B857E66;
  --hover: #6B857E1A;
  --selection: #006F631F;
  --shadow: #00000014;
  --button-text: #FCFAF2;
  --safety-fill: #EBE565;
  --safety-ink: #000F13;
  --sunset: #CB4B16;
  --pearl: #FDF6E3;
}
.harbor-daylight::selection,
.harbor-daylight ::selection { color: var(--heading); background: var(--selection); }
.harbor-daylight .daylight-action::selection,
.harbor-daylight .daylight-action *::selection { color: var(--button-text); background: var(--accent-hover); }