html[data-theme="dark"] {
  color-scheme: dark;
  --th-font-sans: "Be Vietnam Pro", "Segoe UI", sans-serif;
  --th-primary: #67b8a3;
  --th-primary-rgb: 103, 184, 163;
  --th-primary-hover: #7fd0bb;
  --th-primary-soft: rgba(103, 184, 163, 0.16);
  --th-secondary: #86928d;
  --th-secondary-rgb: 134, 146, 141;
  --th-secondary-hover: #9ba6a2;
  --th-success: #63bd98;
  --th-success-rgb: 99, 189, 152;
  --th-info: #5fc7bf;
  --th-info-rgb: 95, 199, 191;
  --th-warning: #d8ac53;
  --th-warning-rgb: 216, 172, 83;
  --th-danger: #ef8f8f;
  --th-danger-rgb: 239, 143, 143;
  --th-heading: #f3f7f5;
  --th-text: #dfe9e4;
  --th-text-muted: #a8b6b0;
  --th-text-soft: #7e8b85;
  --th-bg: #101614;
  --th-bg-muted: #16201c;
  --th-surface: #17211d;
  --th-surface-alt: #1c2823;
  --th-surface-tint: #183129;
  --th-surface-contrast: #20332b;
  --th-border: #294039;
  --th-border-strong: #355149;
  --th-footer-bg: #0b1110;
  --th-footer-text: #edf5f1;
  --th-footer-muted: #a7b8b1;
  --th-footer-panel-bg: rgba(255, 255, 255, 0.04);
  --th-footer-panel-border: rgba(103, 184, 163, 0.12);
  --th-footer-divider: rgba(103, 184, 163, 0.16);
  --th-topbar-bg: rgba(23, 33, 29, 0.9);
  --th-topbar-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
  --th-on-primary: #09110f;
  --th-on-secondary: #111614;
  --th-on-success: #09110f;
  --th-on-info: #081110;
  --th-on-warning: #2a1d0a;
  --th-on-danger: #2a1111;
  --th-shadow-sm: 0 14px 30px rgba(0, 0, 0, 0.28);
  --th-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.34);
  --th-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.42);
  --th-focus-ring: 0 0 0 0.2rem rgba(103, 184, 163, 0.22);
  --th-hero-gradient:
    linear-gradient(
      135deg,
      rgba(103, 184, 163, 0.18),
      rgba(95, 199, 191, 0.1),
      rgba(216, 172, 83, 0.08)
    );
  --th-panel-gradient:
    linear-gradient(
      180deg,
      rgba(24, 35, 31, 0.96),
      rgba(16, 24, 21, 0.94)
    );
  --th-public-bg: #0f0d0a;
  --th-public-surface: rgba(24, 20, 16, 0.82);
  --th-public-surface-strong: #1a1612;
  --th-public-heading: #f6efe4;
  --th-public-text: #d8cebf;
  --th-public-muted: #a79884;
  --th-public-border: rgba(242, 224, 200, 0.12);
  --th-public-grid-line: rgba(240, 220, 195, 0.06);
  --th-public-accent: #d3a05a;
  --th-public-accent-rgb: 211, 160, 90;
  --th-public-accent-hover: #e5b879;
  --th-public-accent-soft: rgba(211, 160, 90, 0.15);
  --th-public-topbar-bg: rgba(15, 13, 10, 0.82);
  --th-public-footer-bg: #070605;
  --th-public-footer-surface: rgba(255, 255, 255, 0.04);
  --th-public-footer-text: #f5eddf;
  --th-public-footer-muted: #b7a790;
  --th-public-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
  --th-public-shadow-lg: 0 30px 90px rgba(0, 0, 0, 0.48);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --th-font-sans: "Be Vietnam Pro", "Segoe UI", sans-serif;
    --th-primary: #67b8a3;
    --th-primary-rgb: 103, 184, 163;
    --th-primary-hover: #7fd0bb;
    --th-primary-soft: rgba(103, 184, 163, 0.16);
    --th-secondary: #86928d;
    --th-secondary-rgb: 134, 146, 141;
    --th-secondary-hover: #9ba6a2;
    --th-success: #63bd98;
    --th-success-rgb: 99, 189, 152;
    --th-info: #5fc7bf;
    --th-info-rgb: 95, 199, 191;
    --th-warning: #d8ac53;
    --th-warning-rgb: 216, 172, 83;
    --th-danger: #ef8f8f;
    --th-danger-rgb: 239, 143, 143;
    --th-heading: #f3f7f5;
    --th-text: #dfe9e4;
    --th-text-muted: #a8b6b0;
    --th-text-soft: #7e8b85;
    --th-bg: #101614;
    --th-bg-muted: #16201c;
    --th-surface: #17211d;
    --th-surface-alt: #1c2823;
    --th-surface-tint: #183129;
    --th-surface-contrast: #20332b;
    --th-border: #294039;
    --th-border-strong: #355149;
    --th-footer-bg: #0b1110;
    --th-footer-text: #edf5f1;
    --th-footer-muted: #a7b8b1;
    --th-footer-panel-bg: rgba(255, 255, 255, 0.04);
    --th-footer-panel-border: rgba(103, 184, 163, 0.12);
    --th-footer-divider: rgba(103, 184, 163, 0.16);
    --th-topbar-bg: rgba(23, 33, 29, 0.9);
    --th-topbar-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
    --th-on-primary: #09110f;
    --th-on-secondary: #111614;
    --th-on-success: #09110f;
    --th-on-info: #081110;
    --th-on-warning: #2a1d0a;
    --th-on-danger: #2a1111;
    --th-shadow-sm: 0 14px 30px rgba(0, 0, 0, 0.28);
    --th-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.34);
    --th-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.42);
    --th-focus-ring: 0 0 0 0.2rem rgba(103, 184, 163, 0.22);
    --th-hero-gradient:
      linear-gradient(
        135deg,
        rgba(103, 184, 163, 0.18),
        rgba(95, 199, 191, 0.1),
        rgba(216, 172, 83, 0.08)
      );
    --th-panel-gradient:
      linear-gradient(
        180deg,
        rgba(24, 35, 31, 0.96),
        rgba(16, 24, 21, 0.94)
      );
    --th-public-bg: #0f0d0a;
    --th-public-surface: rgba(24, 20, 16, 0.82);
    --th-public-surface-strong: #1a1612;
    --th-public-heading: #f6efe4;
    --th-public-text: #d8cebf;
    --th-public-muted: #a79884;
    --th-public-border: rgba(242, 224, 200, 0.12);
    --th-public-grid-line: rgba(240, 220, 195, 0.06);
    --th-public-accent: #d3a05a;
    --th-public-accent-rgb: 211, 160, 90;
    --th-public-accent-hover: #e5b879;
    --th-public-accent-soft: rgba(211, 160, 90, 0.15);
    --th-public-topbar-bg: rgba(15, 13, 10, 0.82);
    --th-public-footer-bg: #070605;
    --th-public-footer-surface: rgba(255, 255, 255, 0.04);
    --th-public-footer-text: #f5eddf;
    --th-public-footer-muted: #b7a790;
    --th-public-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
    --th-public-shadow-lg: 0 30px 90px rgba(0, 0, 0, 0.48);
  }
}