/* Wine Gathering — canonical design tokens
 * Single source of truth for our own apps (landing, help pages, custom services).
 * Third-party apps (Roundcube, Radicale web UI, Cellarion) can't consume CSS;
 * for those, keep to the logo/favicon + accent colour for a cohesive feel.
 */
:root {
  /* Brand */
  --wg-wine: #b3123f;
  --wg-wine-dark: #7a0c2b;
  --wg-wine-light: #d94a6f;
  --wg-blush: #e8b4c0;

  /* Surfaces */
  --wg-bg: #1b1417;
  --wg-bg-glow: #3a1f28;
  --wg-surface: #271b20;
  --wg-surface-2: #32232a;
  --wg-border: #432f38;

  /* Text */
  --wg-text: #f4e9ec;
  --wg-muted: #b9a3aa;

  /* Semantics */
  --wg-success: #5fae7a;
  --wg-warning: #e0a34a;
  --wg-danger: #d9534f;

  /* Type — system stack: no external font fetch, no layout shift */
  --wg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --wg-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Shape */
  --wg-radius: 14px;
  --wg-radius-sm: 7px;

  /* Layout */
  --wg-max: 760px;
}

* { box-sizing: border-box; }

html { color-scheme: dark; }

body {
  margin: 0;
  background: radial-gradient(1200px 600px at 50% -10%, var(--wg-bg-glow) 0%, var(--wg-bg) 60%);
  color: var(--wg-text);
  font: 16px/1.6 var(--wg-font);
  padding: 24px 16px 64px;
}

a { color: var(--wg-blush); }

h1, h2, h3 { line-height: 1.25; font-weight: 600; }

code, .val {
  font-family: var(--wg-mono);
  font-size: 14px;
  background: #140f11;
  border: 1px solid var(--wg-border);
  border-radius: var(--wg-radius-sm);
  padding: 2px 7px;
  color: var(--wg-blush);
  word-break: break-all;
}

.card {
  background: var(--wg-surface);
  border: 1px solid var(--wg-border);
  border-radius: var(--wg-radius);
  padding: 20px;
}