:root {
  color-scheme:dark;
  --bg:var(--color-bg);
  --surface:var(--color-surface);
  --surface-raised:var(--color-surface-raised);
  --text:var(--color-text);
  --muted:var(--color-text-muted);
  --line:var(--color-border);
  --accent:var(--color-gold);
  --on-accent:var(--color-on-gold);
  --danger:var(--color-danger);
  font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}

:root[data-theme="light"], [data-theme="light"] {
  color-scheme:light;
}

* {
  box-sizing:border-box
}

.ui-icon {
  /* Ícones decorativos deixam o ponteiro chegar ao botão ou link. */
  pointer-events:none;
  display:inline-block;
  width:1em;
  height:1em;
  font-size:20px;
  vertical-align:middle;
  flex-shrink:0
}

.account-menu-panel .ui-icon { color:var(--muted) }

body {
  margin:0;
  background:var(--bg);
  color:var(--text)
}

a {
  color:inherit;
  text-underline-offset:4px
}

button,input,textarea,select {
  font:inherit
}

button,a,input,textarea,select,summary {
  touch-action:manipulation
}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:4px
}

h1,h2,h3,p {
  overflow-wrap:anywhere
}

h1 {
  font-size:29px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:-.6px;
  margin:9px 0 16px
}

h2 {
  font-size:20px;
  line-height:1.35;
  font-weight:500;
  margin:14px 0
}

h3 {
  font-size:16px;
  font-weight:500;
  margin:10px 0
}

p {
  margin:8px 0 16px
}

.muted {
  color:var(--muted)
}

small,.tiny-label {
  font-size:12px;
  color:var(--muted)
}

.eyebrow {
  color:var(--muted);
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase
}