:root {
  color-scheme: dark;
  --gulplink-color-accent: #1e79ae;
  --gulplink-color-background: #020c15;
  --gulplink-color-border: #061726;
  --gulplink-color-danger: #c62828;
  --gulplink-color-danger-foreground: #ffffff;
  --gulplink-color-focus: #1e79ae;
  --gulplink-color-foreground: #ffffff;
  --gulplink-color-muted: #edf4f8;
  --gulplink-color-primary: #1e79ae;
  --gulplink-color-primary-foreground: #ffffff;
  --gulplink-color-sky: #1e79ae;
  --gulplink-color-surface: #04121e;
  --gulplink-color-surface-raised: #061726;
  --gulplink-content-max-width: 68rem;
  --gulplink-font-sans: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gulplink-header-height: 4rem;
  --gulplink-min-control-height: 2.75rem;
  --gulplink-radius-control: 0.8rem;
  --gulplink-radius-panel: 1.35rem;
  --gulplink-shadow-panel: none;
  --gulplink-space-page: clamp(1.25rem, 5vw, 5rem);
}

@media (prefers-color-scheme: dark) {
  :root {
    --gulplink-color-accent: #1e79ae;
    --gulplink-color-background: #020c15;
    --gulplink-color-border: #061726;
    --gulplink-color-danger: #c62828;
    --gulplink-color-danger-foreground: #ffffff;
    --gulplink-color-focus: #1e79ae;
    --gulplink-color-foreground: #ffffff;
    --gulplink-color-muted: #edf4f8;
    --gulplink-color-primary: #1e79ae;
    --gulplink-color-primary-foreground: #ffffff;
    --gulplink-color-sky: #1e79ae;
    --gulplink-color-surface: #04121e;
    --gulplink-color-surface-raised: #061726;
  }
}