/* Shared Saitivo brand palette for public pages, admin tools, editor chrome and customer portal UI. */
:root {
  --saitivo-navy: #0F1F3A;
  --saitivo-navy-rgb: 15, 31, 58;
  --saitivo-ink: #0F1F3A;
  --saitivo-muted: #6B7280;
  --saitivo-teal: #407E8C;
  --saitivo-teal-rgb: 64, 126, 140;
  --saitivo-aqua: #C0D5D6;
  --saitivo-aqua-rgb: 192, 213, 214;
  --saitivo-beige: #A58D66;
  --saitivo-beige-light: #C0D5D6;
  --saitivo-beige-dark: #A58D66;
  --saitivo-sand: #F6F9F9;
  --saitivo-cloud: #C0D5D6;
  --saitivo-soft-grey: #F6F9F9;
  --saitivo-border: #C0D5D6;
  --saitivo-white: #FFFFFF;
  --saitivo-error: #8C3029;
  --saitivo-error-strong: #A32F29;
  --saitivo-error-background: #FFF0EE;
  --saitivo-error-soft: #FFF1ED;

  /* Compatibility names used by the existing homepage styles. */
  --navy: var(--saitivo-navy);
  --navy2: var(--saitivo-navy);
  --ink: var(--saitivo-ink);
  --muted: var(--saitivo-muted);
  --border: var(--saitivo-border);
  --soft: var(--saitivo-sand);
  --accent: var(--saitivo-teal);
  --accent-hover: var(--saitivo-beige);
  --warm: var(--saitivo-beige);
  --lightblue: var(--saitivo-aqua);
  --mint: var(--saitivo-cloud);
  --white: var(--saitivo-white);
}