/* Cool blue/teal palette matching the Racket World mark. */
:root,
[data-theme="dark"] {
  --rw-bg: #04070b;
  --rw-bg-2: #090f17;
  --rw-ink: #f2f7ff;
  --rw-ink-soft: #9aafd0;
  --rw-card: #0d151e;
  --rw-card-edge: rgba(57, 145, 255, .24);
  --rw-line: rgba(143, 175, 218, .16);
  --rw-backdrop: rgba(1, 7, 18, .78);
  --rw-accent: #3791ff;
  --rw-accent-rgb: 55 145 255;
  --rw-elevation-rgb: 0 5 16;
  --rw-accent-2: #61d5b5;
  --rw-accent-deep: #1764ca;
  --rw-on-accent: #031329;
  --rw-decline: #1c2937;
  --rw-decline-soft: rgba(255, 255, 255, .05);
  --rw-decline-text: #9aafd0;
  --rw-toast-bg: #060a0f;
  --rw-toast-text: #f2f7ff;
  --rw-toast-border: rgba(55, 145, 255, .32);
  --rw-shadow-accent: 0 16px 40px -12px rgba(55, 145, 255, .8);
  --rw-body-background: radial-gradient(120% 80% at 50% -10%, #151e27, transparent 60%), linear-gradient(180deg, #0c141d 0%, #080e15 55%, #030609 100%);
  --rw-body-overlay: radial-gradient(100% 55% at 50% 0%, rgba(97, 213, 181, .045), transparent 62%), radial-gradient(90% 45% at 50% 115%, rgba(55, 145, 255, .075), transparent 70%);
  --rw-panel-background: linear-gradient(170deg, #121c26 0%, #0d151e 60%, #080e15 100%);
  --rw-card-overlay: radial-gradient(70% 35% at 50% 100%, rgba(55, 145, 255, .09), transparent 60%), radial-gradient(50% 25% at 50% -15%, rgba(97, 213, 181, .035), transparent 55%);
  --rw-event-glow: rgba(55, 145, 255, .16);
  --rw-chrome-background: #151e27;
  --rw-chrome-bottom: #030609;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --rw-bg: #eef3f8;
    --rw-bg-2: #fafcff;
    --rw-ink: #09244d;
    --rw-ink-soft: #526b8f;
    --rw-card: #fcfeff;
    --rw-card-edge: rgba(23, 100, 202, .24);
    --rw-line: rgba(9, 36, 77, .16);
    --rw-backdrop: rgba(3, 20, 45, .42);
    --rw-accent: #176fe0;
    --rw-accent-rgb: 23 111 224;
    --rw-elevation-rgb: 9 36 77;
    --rw-accent-2: #2ab894;
    --rw-accent-deep: #0b469b;
    --rw-on-accent: #ffffff;
    --rw-decline: #7b8da8;
    --rw-decline-soft: rgba(82, 107, 143, .13);
    --rw-decline-text: #526b8f;
    --rw-toast-bg: #09244d;
    --rw-toast-text: #f2f7ff;
    --rw-toast-border: rgba(9, 36, 77, .2);
    --rw-shadow-accent: 0 16px 34px -14px rgba(23, 111, 224, .65);
    --rw-body-background: radial-gradient(120% 80% at 50% -10%, #ffffff, transparent 60%), linear-gradient(180deg, #f8fbfe 0%, #f1f5f9 55%, #e7edf3 100%);
    --rw-body-overlay: radial-gradient(100% 55% at 50% 0%, rgba(255, 255, 255, .58), transparent 64%), radial-gradient(90% 45% at 50% 115%, rgba(42, 184, 148, .06), transparent 70%);
    --rw-panel-background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%);
    --rw-card-overlay: radial-gradient(80% 50% at 50% -20%, rgba(55, 145, 255, .09), transparent 60%);
    --rw-event-glow: rgba(23, 111, 224, .2);
    --rw-chrome-background: #f8fbfe;
    --rw-chrome-bottom: #e7edf3;
  }
}

[data-theme="light"] {
  --rw-bg: #eef3f8;
  --rw-bg-2: #fafcff;
  --rw-ink: #09244d;
  --rw-ink-soft: #526b8f;
  --rw-card: #fcfeff;
  --rw-card-edge: rgba(23, 100, 202, .24);
  --rw-line: rgba(9, 36, 77, .16);
  --rw-backdrop: rgba(3, 20, 45, .42);
  --rw-accent: #176fe0;
  --rw-accent-rgb: 23 111 224;
  --rw-elevation-rgb: 9 36 77;
  --rw-accent-2: #2ab894;
  --rw-accent-deep: #0b469b;
  --rw-on-accent: #ffffff;
  --rw-decline: #7b8da8;
  --rw-decline-soft: rgba(82, 107, 143, .13);
  --rw-decline-text: #526b8f;
  --rw-toast-bg: #09244d;
  --rw-toast-text: #f2f7ff;
  --rw-toast-border: rgba(9, 36, 77, .2);
  --rw-shadow-accent: 0 16px 34px -14px rgba(23, 111, 224, .65);
  --rw-body-background: radial-gradient(120% 80% at 50% -10%, #ffffff, transparent 60%), linear-gradient(180deg, #f8fbfe 0%, #f1f5f9 55%, #e7edf3 100%);
  --rw-body-overlay: radial-gradient(100% 55% at 50% 0%, rgba(255, 255, 255, .58), transparent 64%), radial-gradient(90% 45% at 50% 115%, rgba(42, 184, 148, .06), transparent 70%);
  --rw-panel-background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%);
  --rw-card-overlay: radial-gradient(80% 50% at 50% -20%, rgba(55, 145, 255, .09), transparent 60%);
  --rw-event-glow: rgba(23, 111, 224, .2);
  --rw-chrome-background: #f8fbfe;
  --rw-chrome-bottom: #e7edf3;
}
