:root {
  --ink: #0f1f33;
  --ink-soft: #223b59;
  --muted: #556982;
  --muted-light: #5c7088;
  --forest: #0e3a6d;
  --forest-deep: #092649;
  --forest-soft: #1d6fa5;
  --brand-ink: #0e4a80;
  --pine: #071b33;
  --sage: #dce9f5;
  --sage-deep: #bad2ea;
  --sage-light: #edf4fb;
  --sage-ink: #5a7fa6;
  --paper: #f8fafd;
  --paper-deep: #eef3f9;
  --cream: #f4f8fc;
  --surface: #ffffff;
  --line: #cfdbe8;
  --line-soft: #e2eaf3;
  --line-green: #c9dced;
  --gold: #3898c8;
  --gold-soft: #d5ecf7;
  --success: #1b6f9c;
  --focus: 0 0 0 3px rgba(14, 74, 128, 0.24);
  --focus-ring: #1d6fa5;
}
.hero,
.page-hero,
.service-hero,
.booking-hero,
.confirmation,
.not-found,
.error-body {
  background:
    radial-gradient(900px 520px at 92% 8%, rgba(56, 152, 200, 0.14), transparent 60%),
    radial-gradient(800px 600px at 12% 0%, rgba(186, 210, 234, 0.72), transparent 65%),
    var(--paper);
}
.hero::before {
  background-image: radial-gradient(rgba(14, 58, 109, 0.09) 0.7px, transparent 0.7px);
}
.admin-login-body {
  background:
    radial-gradient(circle at 18% 12%, rgba(110, 195, 234, 0.2), transparent 46%),
    radial-gradient(circle at 82% 88%, rgba(29, 111, 165, 0.24), transparent 48%),
    var(--forest-deep);
}
@media (prefers-color-scheme: dark) {
  :root {
    --ink: #eef4fa;
    --ink-soft: #cfdeee;
    --muted: #9eb3cb;
    --muted-light: #8ea5bf;
    --forest: #0e3a6d;
    --forest-deep: #071c36;
    --forest-soft: #6ab9e6;
    --brand-ink: #7ec7ef;
    --pine: #051120;
    --sage: #bfd9ee;
    --sage-deep: #628fb8;
    --sage-light: #112238;
    --sage-ink: #84acd1;
    --paper: #081322;
    --paper-deep: #060f1c;
    --cream: #f4f8fc;
    --surface: #0e1d32;
    --line: #274060;
    --line-soft: #1e334e;
    --line-green: #243c5b;
    --gold: #6ec3ea;
    --gold-soft: #cdebfa;
    --success: #67c3e6;
    --focus: 0 0 0 3px rgba(126, 199, 239, 0.3);
    --focus-ring: #7ec7ef;
  }
  .hero,
  .page-hero,
  .service-hero,
  .booking-hero,
  .confirmation,
  .not-found,
  .error-body {
    background:
      radial-gradient(900px 500px at 88% 0%, rgba(110, 195, 234, 0.1), transparent 65%),
      radial-gradient(800px 520px at 8% 0%, rgba(29, 111, 165, 0.12), transparent 65%),
      var(--paper);
  }
  .btn-primary {
    --btn-bg: #175d99;
    --btn-border: #175d99;
  }
  .btn-primary:hover {
    background: #1d72ba;
    border-color: #1d72ba;
  }
  .btn-soft {
    --btn-bg: #142a45;
    --btn-fg: var(--ink);
    --btn-border: var(--sage-deep);
  }
  .btn-soft:hover {
    --btn-bg: #1c385b;
  }
  .admin-login-body {
    background:
      radial-gradient(circle at 18% 12%, rgba(110, 195, 234, 0.16), transparent 46%),
      radial-gradient(circle at 82% 88%, rgba(29, 111, 165, 0.24), transparent 48%),
      var(--pine);
  }
}
@media print {
  :root {
    --ink: #0f1f33;
    --ink-soft: #223b59;
    --muted: #556982;
    --muted-light: #5c7088;
    --forest-soft: #1d6fa5;
    --brand-ink: #0e4a80;
    --sage: #dce9f5;
    --sage-deep: #bad2ea;
    --sage-light: #edf4fb;
    --sage-ink: #5a7fa6;
    --paper: #ffffff;
    --paper-deep: #eef3f9;
    --surface: #ffffff;
    --line: #cfdbe8;
    --line-soft: #e2eaf3;
    --line-green: #c9dced;
    --gold: #3898c8;
    --gold-soft: #d5ecf7;
    --success: #1b6f9c;
  }
}