:root{
  --bg:#53d5fd; --fg:#000fa6; --muted:#000a37;  --line:#273141;
  --accent:#4c8bf5; --accent-2:#7bd389; --accent-3:#f6c177;
  --radius:12pxpx; --shadow:0 6px 24px rgba(0,0,0,.28);
  --space:12; --container:960;
  --bsize:16; --lh:1.55; --ls:0; --ws:0; --scale:1.24;
  --font:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; --mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
  --link-hover:#79a8ff; --focus-ring:0 0 0 3px rgba(76,139,245,.45);
  --btn-fg:#000000; --btn-bg:#e8f1fb; --btn-bd:#2a3240;
  --btnp-fg:#ffffff; --btnp-bg:#0056d6; --btnp-bd:#3f6fd1;
  --btng-fg:#e8f1fb; --btng-bd:#2a3240;
  --inp-bg:#ffffff; --inp-fg:#e8f1fb; --inp-bd:#2a3240; --inp-ph:#8aa0b4;
  --card-bg:#94e3fe; --card-bd:#004d65;
  --table-stripe:#008cb4;
}

/* generated by UI controls */
h1{ font-weight:700; font-size:calc(var(--bsize) * var(--scale) * var(--scale) * 1px) }
h2{ font-weight:700; font-size:calc(var(--bsize) * var(--scale) * 1px) }
h3{ font-weight:700; font-size:calc(var(--bsize) * 1px) }
a{ text-decoration:underline; }
.btn{  }