:root {
  --primary-bg: #11363c;
  --secondary-bg: #0c262a;
  --panel-bg: #081b1f;
  --card-bg: #17494f;
  --card-bg-soft: #2e565c;
  --text-main: #ffffff;
  --text-muted: #bec0c1;
  --text-muted-strong: #e2dadb;
  --top-strip-text: #ffffff;
  --accent: #d4fd07;
  --accent-soft: #e8fe7b;
  --accent-danger: #ff3f0f;
  --accent-success: #20950e;
  --accent-info: #24b79c;
  --accent-brand: #ffd700;
  --border-soft: #20666f;
  --form-border: #16454b;
  --navbar-bg: rgba(12, 38, 42, 0.96);
  --overlay-bg: rgba(8, 27, 31, 0.82);
  --overlay-strong: rgba(8, 27, 31, 0.95);
  --footer-bg: #0f3b41;
  --footer-title: #24b79c;
  --theme-glow: 0 0 15px rgba(212, 253, 7, 0.25);
  --focus-shadow-color: rgba(212, 253, 7, 0.3);
  --theme-primary: var(--accent);
  --theme-secondary: var(--accent-info);
  --font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Inter Tight", "Be Vietnam Pro", sans-serif;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}

body {
  font-family: var(--font-family);
}

/* === reference template --colors-* palette (auto-generated 2026-05-24) === */
:root, .t-jjUASA, .t-goXYqq {
  --colors-primaryDark: #7f9804;
  --colors-primaryDefault: #d4fd07;
  --colors-primaryLight: #dafd2c;
  --colors-primaryLighter: #e5fe6a;
  --colors-primaryLightest: #f2feb5;
  --colors-secondaryDark: #166e5e;
  --colors-secondaryDefault: #24b79c;
  --colors-secondaryLight: #45c2ab;
  --colors-secondaryLighter: #7cd4c4;
  --colors-secondaryLightest: #bde9e1;
  --colors-redDark: #992609;
  --colors-redDefault: #ff3f0f;
  --colors-redLight: #ff5c33;
  --colors-redLighter: #ff8c6f;
  --colors-redLightest: #ffc5b7;
  --colors-greenDark: #135908;
  --colors-greenDefault: #20950e;
  --colors-greenLight: #41a532;
  --colors-greenLighter: #79bf6e;
  --colors-greenLightest: #bcdfb7;
  --colors-blueDark: #166e5e;
  --colors-blueDefault: #24b79c;
  --colors-blueLight: #45c2ab;
  --colors-blueLighter: #7cd4c4;
  --colors-blueLightest: #bde9e1;
  --colors-yellowDark: #998100;
  --colors-yellowDefault: #ffd700;
  --colors-yellowLight: #ffdd26;
  --colors-yellowLighter: #ffe766;
  --colors-yellowLightest: #fff3b2;
  --colors-inkDark: #0c262a;
  --colors-inkDefault: #11363c;
  --colors-inkLight: #17494f;
  --colors-inkLighter: #2e5b61;
  --colors-inkLightest: #20666f;
  --colors-skyDarker: #bec0c1;
  --colors-skyDefault: #e2dadb;
  --colors-skyDefaultHalf: rgba(226, 218, 219, 0.5);
  --colors-skyLight: #ffffff;
  --colors-skyLighter: #ffffff;
  --colors-skyLightest: #ffffff;
  --colors-error: var(--colors-redDefault);
  --colors-success: var(--colors-greenDefault);
  --colors-linear: linear-gradient(180deg, #11363c 0%, #17494f 100%);
  --colors-linearCard: linear-gradient(180deg, #17494f 0%, #2e5b61 100%);
  --colors-radialBlack: radial-gradient(circle, #14262a 0%, #081b1f 100%);
  --colors-radialGreen: radial-gradient(circle, #41a532 0%, #1a770b 100%);
  --colors-radialRed: radial-gradient(circle, #ff5c33 0%, #cc320c 100%);
  --colors-angularGold: conic-gradient(from -30deg at 50% 50%, #e8fe7b 0deg, #e8fe7b 0.04deg, #d4fd07 18deg, #e8fe7b 90deg, #d4fd07 161deg, #e8fe7b 233deg, #d4fd07 305deg, #e8fe7b 360deg);
}
/* === end reference --colors-* palette === */