:root {
  --water-primary: #4AA8FF;
  --water-primary-dark: #2B8FD9;
  --water-primary-light: #8BCBFF;
  --water-primary-soft: #E6F5FF;

  --water-background: #FFFFFF;
  --water-background-warm: #F6FAFF;
  --water-background-blue: #EDF7FF;
  --water-card: #FFFFFF;
  --water-foreground: #0B1B2E;
  --water-ink: #12263F;
  --water-muted: #5A738C;
  --water-border: #D6EBFA;
  --water-ring: #4AA8FF;

  --water-font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, "Times New Roman", serif;
  --water-font-sans: "DM Sans", "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --water-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --water-radius: 2px;
  --water-radius-sm: 4px;
  --water-radius-md: 8px;
  --water-radius-lg: 12px;

  --water-shadow-sm: 0 1px 2px rgba(11, 27, 46, 0.04);
  --water-shadow-md: 0 4px 12px rgba(11, 27, 46, 0.06);
  --water-shadow-lg: 0 12px 32px rgba(11, 27, 46, 0.08);
}

.dark {
  --water-background: #08111C;
  --water-background-warm: #0D1B2A;
  --water-background-blue: #112536;
  --water-card: #0F1E2E;
  --water-foreground: #F0F7FF;
  --water-ink: #E1EEFB;
  --water-muted: #7E9AB8;
  --water-border: #1E3A55;
  --water-ring: #66B8FF;

  --water-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
  --water-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --water-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45);
}