:root{
  --rinkos-font-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --rinkos-font-mono:'SF Mono','Monaco','Courier New',monospace;
  --mono:var(--rinkos-font-mono);
  --primary:#01659f;
  --good:#05aa4e;
  --danger:#ff453a;
  --warn:#ffd60a;
}

body.rinkos-modern-theme,
body.modern-page,
html[data-theme] body.rinkos-modern-theme,
html[data-theme] body.modern-page{
  --bg:#07100d;
  --panel:rgba(18,28,23,0.94);
  --ring:rgba(225,242,236,0.11);
  --text:#fff;
  --muted:rgba(231,241,237,0.62);
  --primary:#1fb6a6;
  --good:#05aa4e;
  --danger:#ff453a;
  --warn:#ffd60a;
  background:
    linear-gradient(180deg, #08120f 0%, #0d1712 46%, #070d0b 100%);
  color:var(--text);
}

body.rinkos-modern-theme[data-visual="unifi-blue-black"],
body.modern-page[data-visual="unifi-blue-black"],
html[data-visual="unifi-blue-black"] body.rinkos-modern-theme,
html[data-visual="unifi-blue-black"] body.modern-page{
  --bg:#081019;
  --panel:rgba(15,23,34,0.94);
  --ring:rgba(168,194,224,0.14);
  --text:#f4f8fc;
  --muted:rgba(214,225,238,0.64);
  --primary:#4da3ff;
  --good:#32d17c;
  --danger:#ff5e57;
  --warn:#ffb340;
  background:
    radial-gradient(circle at top, rgba(77,163,255,0.08), transparent 34%),
    linear-gradient(180deg, #09111a 0%, #0b121c 44%, #071019 100%);
}

body.rinkos-modern-theme[data-visual="modern"],
body.modern-page[data-visual="modern"],
html[data-visual="modern"] body.rinkos-modern-theme,
html[data-visual="modern"] body.modern-page{
  --bg:#111318;
  --panel:#1a1f27;
  --ring:rgba(255,255,255,0.08);
  --text:#edf1f7;
  --muted:rgba(205,214,228,0.58);
  --primary:#2c6cf0;
  --good:#41de7a;
  --danger:#ff5a4f;
  --warn:#d9982f;
  background:#15171d;
}

body.rinkos-modern-theme[data-theme="light"],
body.modern-page[data-theme="light"],
html[data-theme="light"] body.rinkos-modern-theme,
html[data-theme="light"] body.modern-page{
  --bg:#f3f7f4;
  --panel:rgba(255,255,255,0.9);
  --ring:rgba(28,45,39,0.13);
  --text:#09120f;
  --muted:rgba(9,18,15,0.62);
  background:
    linear-gradient(180deg, #f6faf7 0%, #edf4ef 48%, #e6eee9 100%);
  color:var(--text);
}

body.rinkos-modern-theme[data-theme="light"][data-visual="unifi-blue-black"],
body.modern-page[data-theme="light"][data-visual="unifi-blue-black"],
html[data-theme="light"][data-visual="unifi-blue-black"] body.rinkos-modern-theme,
html[data-theme="light"][data-visual="unifi-blue-black"] body.modern-page{
  --bg:#f4f8fc;
  --panel:rgba(255,255,255,0.94);
  --ring:rgba(35,56,84,0.12);
  --text:#0a1624;
  --muted:rgba(10,22,36,0.62);
  --primary:#1677e6;
  --good:#1e9e5a;
  --danger:#c73a33;
  --warn:#c98212;
  background:
    radial-gradient(circle at top, rgba(22,119,230,0.08), transparent 32%),
    linear-gradient(180deg, #f7faff 0%, #eff5fb 48%, #e8eef6 100%);
}

body.rinkos-modern-theme[data-theme="light"][data-visual="modern"],
body.modern-page[data-theme="light"][data-visual="modern"],
html[data-theme="light"][data-visual="modern"] body.rinkos-modern-theme,
html[data-theme="light"][data-visual="modern"] body.modern-page{
  --bg:#f5f7fb;
  --panel:#ffffff;
  --ring:rgba(31,47,73,0.12);
  --text:#252d3a;
  --muted:rgba(37,45,58,0.58);
  --primary:#2c6cf0;
  --good:#35c56b;
  --danger:#f04f45;
  --warn:#c58a2c;
  background:#f6f7fb;
}

.rinkos-build-stamp{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  padding:6px 9px;
  border:1px solid var(--ring);
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  color:var(--muted);
  font-family:var(--rinkos-font-mono);
  font-size:11px;
  font-weight:850;
  letter-spacing:.02em;
  line-height:1;
}

body.rinkos-modern-theme[data-theme="light"] .rinkos-build-stamp,
body.modern-page[data-theme="light"] .rinkos-build-stamp,
html[data-theme="light"] body.rinkos-modern-theme .rinkos-build-stamp,
html[data-theme="light"] body.modern-page .rinkos-build-stamp{
  background:rgba(255,255,255,0.72);
}