/* Apariencia de la web actual. El tema no controla el contenido ni los cupos. */
:root {
  color-scheme: dark;
  --type: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ink: #f2f5fa;
  --muted: #bac8d5;
  --placeholder: #a9bacb;
  --page: radial-gradient(ellipse at 100% 0%, #07324d 0%, transparent 42rem),
          radial-gradient(ellipse at 0% 0%, #34152a 0%, transparent 31rem),
          #0b1016;
  --paper: #141a22;
  --line: #394856;
  --divider: #394856;
  --brand: #121820;
  --on-brand: #f2f5fa;
  --field: #10161e;
  --field-border: #617485;
  --button-line: #55d5ff;
  --link: #78dfff;
  --focus: #ff7bb7;
  --accent: #173747;
  --active: #55d5ff;
  --on-active: #10202b;
  --option: #1b2631;
  --option-line: #55d5ff;
  --review-surface: #182733;
  --review-line: #5c839b;
  --review-check: #62869b;
  --day-line: #4388a5;
  --day-surface: #142e3b;
  --closed-surface: #1d252e;
  --closed-ink: #a4afbb;
  --error: #ffabc4;
}

header {
  border-bottom: 1px solid var(--button-line);
}

.eyebrow {
  color: var(--link);
}

.primary {
  --brand: #f153a1;
  --on-brand: #200c18;
  border-color: var(--brand);
}

.mobile-total {
  color: var(--on-brand);
}

button:not(:disabled):hover, .button:hover {
  border-color: var(--focus);
}