@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&display=swap");
:root:not(#_) {
  --cream: #f4f4f1;
  --ivory: #ffffff;
  --paper: #fbfbfa;
  --parchment: #ebebe6;
  --champagne: #d6dbe0;
  --gold: #3b6c8e;
  --gold-deep: #2c5470;
  --gold-ink: #2a5574;
  --gold-soft: rgba(59, 108, 142, 0.32);
  --gold-faint: rgba(59, 108, 142, 0.1);
  --gold-line: rgba(59, 108, 142, 0.32);
  --gold-glow: rgba(59, 108, 142, 0.24);
  --espresso: #1e2227;
  --espresso-2: #2e343b;
  --ink: #1b1d21;
  --ink-soft: rgba(27, 29, 33, 0.8);
  --muted: #5b6068;
  --line: rgba(27, 29, 33, 0.12);
  --line-strong: rgba(27, 29, 33, 0.28);
  --blush: #a9bccb;
  --blush-faint: rgba(169, 188, 203, 0.18);
  --rose: #9a4a2a;
  --terracotta: #9c4b22;
  --teal: #0d7c79;
  --on-dark: #f6f7f8;
  --on-dark-soft: rgba(246, 247, 248, 0.8);
  --on-dark-faint: rgba(246, 247, 248, 0.1);
  --scrim: rgba(27, 29, 33, 0.55);
  --glass: rgba(255, 255, 255, 0.92);
  --accent-ink: #ffffff;
  --focus-color: #2c5470;
  --brand-mark-bg: linear-gradient(145deg, #ffffff, #e6e9ec);
  --login-bg: radial-gradient(circle at 85% 10%, rgba(59, 108, 142, 0.16), transparent 32%), linear-gradient(135deg, #ffffff, #f4f4f1);
  --shadow-btn: 0 8px 18px rgba(59, 108, 142, 0.2);
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-script: "Source Serif 4", Georgia, serif;
  --wordmark-tracking: 0;
}
@media (prefers-color-scheme: dark) {
  :root:not(#_):not([data-theme="light"]) {
    --bg: #121417;
    --surface: #1a1d21;
    --surface-2: #22262b;
    --surface-sunk: #0f1114;
    --text: #eceef0;
    --text-soft: rgba(236, 238, 240, 0.82);
    --text-muted: #a7adb5;
    --line: rgba(236, 238, 240, 0.12);
    --line-strong: rgba(236, 238, 240, 0.3);
    --primary: #8fb6d3;
    --primary-text: #121417;
    --gold-ink: #8fb6d3;
    --gold-soft: rgba(143, 182, 211, 0.3);
    --gold-faint: rgba(143, 182, 211, 0.12);
    --focus-color: #8fb6d3;
    --glass: rgba(26, 29, 33, 0.92);
    --login-bg: radial-gradient(circle at 85% 10%, rgba(143, 182, 211, 0.14), transparent 32%), linear-gradient(135deg, #1a1d21, #121417);
  }
}
:root:not(#_)[data-theme="dark"] {
  --bg: #121417;
  --surface: #1a1d21;
  --surface-2: #22262b;
  --surface-sunk: #0f1114;
  --text: #eceef0;
  --text-soft: rgba(236, 238, 240, 0.82);
  --text-muted: #a7adb5;
  --line: rgba(236, 238, 240, 0.12);
  --line-strong: rgba(236, 238, 240, 0.3);
  --primary: #8fb6d3;
  --primary-text: #121417;
  --gold-ink: #8fb6d3;
  --gold-soft: rgba(143, 182, 211, 0.3);
  --gold-faint: rgba(143, 182, 211, 0.12);
  --focus-color: #8fb6d3;
  --glass: rgba(26, 29, 33, 0.92);
  --login-bg: radial-gradient(circle at 85% 10%, rgba(143, 182, 211, 0.14), transparent 32%), linear-gradient(135deg, #1a1d21, #121417);
}