/* Direction: HomeRate — deep sapphire, muted gold, pearl white */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f3f6fb;
  --surface: #ffffff;
  --surface-2: #e8ebef;
  --border: #d5d7d9;
  --border-strong: #b3b3b3;
  --ink: #0f2347;
  --muted: #55627c;
  --accent: #c9a24a;
  --accent-hover: #ab8a3f;
  --accent-ink: #1c170a;
  --accent-text: #765a14;
  --accent-strong: #79622d;
  --accent-soft: #edeae2;
  --accent-border: #e0d0ab;
  --success: #2c8a56;
  --success-ink: #ffffff;
  --success-soft: #dbe9e7;
  --success-strong: #257549;
  --warning: #b36b12;
  --warning-ink: #ffffff;
  --warning-soft: #ebe5df;
  --warning-strong: #8c530f;
  --danger: #b3382c;
  --danger-ink: #ffffff;
  --danger-soft: #ebdfe2;
  --danger-strong: #b3382c;
  --chart-1: #af892e;
  --chart-2: #4d9a53;
  --chart-3: #158792;
  --chart-4: #6589da;
  --chart-5: #9a579e;
  --chart-6: #d67068;

  --x-sapphire: #0e2759;
  --x-sapphire-2: #17387a;
  --x-on-sapphire: #eaf0fb;
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.02em;
  --radius-card: 18px;
  --radius-btn: 12px;
  --radius-input: 12px;
  --shadow-card: 0 1px 2px rgba(15, 35, 71, 0.05), 0 10px 30px -12px rgba(15, 35, 71, 0.14);
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #181409;
  --surface: #2f2c22;
  --surface-2: #242015;
  --border: #38352b;
  --border-strong: #5d5b53;
  --ink: #f3f6fb;
  --muted: #9b9c9a;
  --accent: #c9a24a;
  --accent-hover: #d1b065;
  --accent-ink: #1c170a;
  --accent-text: #c9a24a;
  --accent-strong: #c9a24a;
  --accent-soft: #3f3317;
  --accent-border: #685426;
  --success: #2c8a56;
  --success-ink: #ffffff;
  --success-soft: #1c2e1a;
  --success-strong: #5ba47b;
  --warning: #b36b12;
  --warning-ink: #ffffff;
  --warning-soft: #3a270b;
  --warning-strong: #c48c46;
  --danger: #b3382c;
  --danger-ink: #ffffff;
  --danger-soft: #3a1c11;
  --danger-strong: #cd7b74;
  --chart-1: #c9a24a;
  --chart-2: #86d489;
  --chart-3: #09a2af;
  --chart-4: #a1bdfb;
  --chart-5: #b46fb7;
  --chart-6: #fda19a;
}

summary { list-style: none; }
summary::-webkit-details-marker { display: none; }
.hr-bar > span { transition: width 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); }
.hr-side-link { transition: background-color 0.15s; }
.hr-side-link:hover { background: rgba(255, 255, 255, 0.08); }
.hr-side-link[aria-current="page"] { background: rgba(255, 255, 255, 0.12); box-shadow: inset 3px 0 0 var(--accent); }
.hr-hero-bg {
  background:
    radial-gradient(900px 400px at 85% -10%, rgba(201, 162, 74, 0.28), transparent 60%),
    linear-gradient(160deg, var(--x-sapphire) 0%, var(--x-sapphire-2) 100%);
}
.hr-table th, .hr-table td { white-space: nowrap; }
html.reduced-motion .hr-bar > span { transition: none; }