/* Cream "paper" variant of the theme for every screen inside the app. The
   home screen and the sign-in screens keep the navy stage (theme.css); a
   page opts into this by linking it after theme.css. The gold accent, the
   navy tab bar and the primitives' shapes are unchanged - only the
   surfaces and ink flip to light. */
:root {
  --pl-slate: #FFFFFF;
  --pl-raised: #F3EDE0;
  --pl-ink: #FFFFFF;
  --pl-border: #E8DFC8;
  --pl-border-strong: #C9BFA6;
  --pl-gold-soft: #FBEFD0;
  --pl-text: #1B2A3D;
  --pl-text-soft: #33404D;
  --pl-muted: #5B6B82;
  --pl-muted-deep: #8B98A8;
  --pl-sky: #2E6DA4;
  --pl-sky-soft: #E7EFF7;
  --pl-mint: #1E7A34;
  --pl-mint-deep: #2A6B2E;
  --pl-mint-soft: #E3F5E6;
  --pl-rose: #A32626;
  --pl-rose-deep: #B8492E;
  --pl-rose-soft: #FBE6E6;
  --pl-page: #F5F1E5; /* the exact ground of the light logo cut, so it melts into the page */
  color-scheme: light;
}
html { background: var(--pl-page); }
body { background: var(--pl-page); color: var(--pl-text); }
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: none; }
::selection { background: var(--pl-gold); color: #0B1224; }
::-webkit-scrollbar-track { background: var(--pl-page); }
::-webkit-scrollbar-thumb { background: #D8CDAE; border-color: var(--pl-page); }
::-webkit-scrollbar-thumb:hover { background: #C9BFA6; }
/* The light-page logo cut sits on the same cream as the page, so it needs
   no card: no shadow, no border, just the artwork. */
img.wordmark, img.logo { box-shadow: none; border: none; border-radius: 0; background: transparent; }
img.logo.hero { border: none; }
/* Gold as TEXT needs the deeper cut on cream; gold as a BUTTON stays bright. */
.plHeader .eyebrow, .plStat .v, .plNavRow .ico, .plNavRow .chev, .plSection.gold .t { color: #A8801C; }
.plNavRow .ico { border-color: #E3C77A; background: #FBEFD0; }
.plBadge.gold { color: #A8801C; border-color: #E3C77A; }
.plCard { box-shadow: 0 6px 18px rgba(27, 42, 61, .06); }
.plCard.gold { background: #FBEFD0; border-color: #E3C77A; }
.plBtn.secondary { background: #FFFFFF; }
.plBtn.secondary.gold { color: #A8801C; border-color: #D99A12; }
.plNavRow:hover { border-color: #C9BFA6; }
.plNavRow.locked .ico { color: var(--pl-muted); }