:root {
  color-scheme: light;
  --primary-color: #2563eb;
  --secondary-color: #38bdf8;
  --accent-color: #0ea5e9;
  --success-color: #0f766e;
  --text-color: #102033;
  --muted-color: #5f728a;
  --button-text-color: #ffffff;
  --page-bg: #eaf4ff;
  --page-bg-alt: #f8fbff;
  --page-background-image: radial-gradient(80% 58% at 0% 0%, rgba(37,99,235,0.13), transparent 58%), radial-gradient(72% 54% at 100% 12%, rgba(14,165,233,0.14), transparent 62%), linear-gradient(180deg, #eaf4ff 0%, #f8fbff 54%, #eaf4ff 100%);
  --surface-color: rgba(255,255,255,0.72);
  --surface-strong: rgba(255,255,255,0.92);
  --surface-background-image: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.72));
  --input-bg: rgba(255,255,255,0.94);
  --border-color: rgba(92,146,205,0.26);
  --shadow: 0 24px 70px rgba(16,32,51,0.14);
  --radius: 28px;
  --control-radius: 16px;
  --button-radius: 999px;
  --logo-radius: 16px;
  --nav-bg: rgba(255,255,255,0.82);
  --drawer-bg: #ffffff;
  --tag-bg: rgba(37,99,235,0.10);
  --tag-text: #1d4ed8;
  --highlight-bg: rgba(37,99,235,0.09);
  --ambient-1: rgba(37,99,235,0.13);
  --ambient-2: rgba(14,165,233,0.14);
  --focus-color: rgba(37,99,235,0.32);
  --surface-blur: 18px;
  --blue: #2563eb;
  --sky: #38bdf8;
  --red: #0ea5e9;
  --green: #0f766e;
  --ink: #102033;
  --muted: #5f728a;
  --bg: #eaf4ff;
  --card: rgba(255,255,255,0.72);
  --line: rgba(92,146,205,0.26);
}