/*
 * "Aurora" — an example theme showing how far CSS variables alone can go:
 * deep teal night sky, sea-green accent, softer corners. Select it in
 * Admin » Settings » Appearance » Theme.
 */
:root {
  --font: "Geist", ui-sans-serif, system-ui, sans-serif;
  --bg: #f2f7f6;
  --surface-2: #f6faf9;
  --surface-3: #e8f1ef;
  --fg: #0c2321;
  --fg-2: #2c4a47;
  --muted: #5e7a76;
  --line: #dbe8e5;
  --line-strong: #c3d6d2;
  --brand: #0f8f7e;
  --sky: #7be3c9;
  --ink: #062320;
  --ink-2: #0b302c;
  --ink-3: #12423c;
  --r: 13px;
  --r-lg: 20px;
}
.dark {
  --bg: #04161a;
  --surface: #082127;
  --surface-2: #0b2a31;
  --surface-3: #10343c;
  --fg: #e6f5f2;
  --fg-2: #bcd9d4;
  --muted: #7fa39d;
  --line: #15403f;
  --line-strong: #1d5450;
}
.sky {
  background:
    radial-gradient(1100px 520px at 88% -12%, rgb(123 227 201 / .25), transparent 62%),
    radial-gradient(900px 520px at 6% -4%, rgb(15 143 126 / .55), transparent 62%),
    linear-gradient(180deg, var(--ink) 0%, #0b3a35 100%);
}