:root {
  --color-canvas: #f3ede1;
  --color-canvas-deep: #e8decd;
  --color-surface: rgba(255, 252, 246, 0.94);
  --color-surface-strong: #fffdf8;
  --color-border: #d6cab6;
  --color-border-strong: #c4b59f;
  --color-ink: #1d2a24;
  --color-muted: #5c6962;
  --color-accent: #468672;
  --color-accent-strong: #2f6251;
  --color-accent-soft: #dbeadf;
  --color-live: #ba3b2f;
  --color-offline: #79857d;
  --shadow-soft: 0 14px 36px rgba(52, 39, 19, 0.08);
  --shadow-crisp: 0 6px 20px rgba(52, 39, 19, 0.08);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --font-body: Georgia, "Times New Roman", serif;
  --font-heading: Georgia, "Times New Roman", serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

body.theme-lounge {
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.6), transparent 28%),
    linear-gradient(180deg, var(--color-canvas) 0%, var(--color-canvas-deep) 100%);
}

.theme-lounge .site-brand-title,
.theme-lounge .page-title,
.theme-lounge .surface-title {
  letter-spacing: -0.02em;
}

.theme-lounge .button,
.theme-lounge .button-secondary,
.theme-lounge .site-nav-link,
.theme-lounge .status-pill,
.theme-lounge .theme-chip {
  border-radius: 999px;
}