/* The Floor's stationery palette, shared by the workspace and its panels. */
:root {
  color-scheme: light;
  --floor-paper: oklch(91.9769588% .0198075 87.5173107);
  --floor-panel: oklch(96.1509857% .0139298 88.6836855);
  --floor-panel-bright: oklch(99.1179739% .0110075 89.7198705);
  --floor-ink: oklch(28.6843489% .0512373 263.2969871);
  --floor-accent: oklch(37.2283047% .1073878 17.9924583);
  --floor-accent-soft: oklch(52.6879702% .0864633 13.5649966);
  --floor-muted: oklch(50% .0251065 92.6806819);
  --floor-line: oklch(83.8872668% .0281448 83.5305328);
  --floor-green: oklch(47.2296129% .0882443 148.8511866);
  --floor-error: oklch(51.7507334% .1557217 29.2441398);
}
.workspace,
.floor-palette {
  --paper: var(--floor-ink);
  --ink: var(--floor-ink);
  --red: var(--floor-accent);
  --muted: var(--floor-muted);
  --line: var(--floor-line);
  --tfa-bg: var(--floor-paper);
  --tfa-text: var(--floor-ink);
  --tfa-text-2: var(--floor-ink);
  --tfa-muted: var(--floor-muted);
  --tfa-border: var(--floor-line);
  --tfa-border-2: var(--floor-accent-soft);
  color-scheme: light;
  color: var(--floor-ink);
  background: var(--floor-paper);
}
.floor-palette {
  border-radius: 14px;
  padding: 28px;
}
.workspace input,
.workspace select,
.workspace textarea { background: var(--floor-panel-bright); }
.workspace .app-header { background: var(--floor-panel); }
.workspace .account-menu > div {
  background: var(--floor-panel-bright);
  box-shadow: 0 10px 30px oklch(28.7% .051 263 / .12);
}
.workspace .account-menu a:hover,
.workspace .account-menu button:hover,
.workspace .button:hover,
.workspace .tfa-btn:hover { background: var(--floor-panel); }
.workspace .button.accent,
.workspace .skip-link,
.workspace .thread-link b { color: var(--floor-panel-bright); }
.workspace .button.accent:hover { background: var(--floor-accent); filter: brightness(.9); }
.workspace .client-preview-banner { background: var(--floor-panel-bright); }
.workspace .brand-initial,
.workspace .compose,
.workspace .tfa-card,
.workspace .messages-layout,
.workspace .thread-message p,
.workspace .portal-project-card,
.workspace .portal-messages p,
.workspace .ad-portrait,
.workspace .ad-chip,
.workspace .ad-panel,
.workspace .ad-md { background: var(--floor-panel); }
.workspace .thread-link:hover,
.workspace .thread-link.selected { background: var(--floor-panel-bright); }
.workspace .thread-message.mine p { background: oklch(93% .025 25); }
.workspace .ad-portrait,
.workspace .ad-chip,
.workspace .ad-panel,
.workspace .ad-md,
.workspace .ad-others a { border-color: var(--floor-line); }
.workspace .ad-others a:hover { border-color: var(--floor-accent); }
.workspace .ad-initials { color: var(--floor-muted); }
.workspace .tag.active,
.workspace .portal-status--live,
.workspace .portal-status--paid,
.workspace .au-fresh { color: var(--floor-green); border-color: var(--floor-green); }
.workspace .portal-status--build,
.workspace .portal-status--design,
.workspace .portal-status--sent,
.workspace .au-stale { color: oklch(43% .08 65); border-color: oklch(59% .07 65); }
.workspace .portal-status--overdue,
.workspace .portal-status--paused { color: var(--floor-error); border-color: var(--floor-error); }
.workspace .message.frank .message-heading strong,
.workspace .au-note { color: var(--floor-accent); }
.workspace .auth-form .errorlist { color: var(--floor-error); background: oklch(93% .025 25); }
.workspace .au-gauge .au-track,
.workspace .au-gauge .au-tick { stroke: var(--floor-line); }
.workspace .au-gauge .au-needle { stroke: var(--floor-ink); }
.workspace .au-gauge .au-hub,
.workspace .au-gauge .au-num { fill: var(--floor-ink); }
.workspace .au-range a.is-on { color: var(--floor-panel-bright); background: var(--floor-accent); border-color: var(--floor-accent); }
.floor-palette .page-heading h1,
.floor-palette .entry-route strong,
.floor-palette .email-content header h2 { color: var(--floor-accent); }
.floor-palette input,
.floor-palette select,
.floor-palette textarea { background: var(--floor-panel-bright); }
.floor-palette .button { color: var(--floor-accent); }
.floor-palette .button:hover { background: var(--floor-panel); }
.floor-palette .button.accent { background: var(--floor-accent); color: var(--floor-panel-bright); }
.floor-palette .button.accent:hover { background: var(--floor-ink); border-color: var(--floor-ink); filter: none; }
.floor-palette .brand-initial { background: var(--floor-panel); color: var(--floor-accent); }
.floor-palette .tag.active { color: var(--floor-green); border-color: var(--floor-green); }
.floor-palette .compose,
.floor-palette .reply-context,
.floor-palette .transcript-update,
.floor-palette .transcript-prose pre { background: var(--floor-panel); }
.floor-palette .transcript-prose code { background: var(--floor-panel-bright); }
.floor-palette .transcript-prose pre code { background: transparent; }
.floor-palette .transcript-entry:target { background: var(--floor-panel-bright); }
.floor-palette .entry-status.failed { color: var(--floor-error); border-color: var(--floor-error); }
@media(max-width: 650px) {
  .floor-palette { padding: 20px 16px; }
}