:root {
  --brand-primary: #ec6d13;
  --brand-secondary: #f2c70d;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--brand-primary) 55%, white);
  outline-offset: 2px;
}

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

.brand-gradient {
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 92%, black), var(--brand-secondary));
}

.brand-ring {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary) 16%, transparent);
}

.prose-lite p + p {
  margin-top: 1rem;
}

.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.sidebar-open {
  overflow: hidden;
}

[data-property-previous]:disabled {
  cursor: not-allowed;
  opacity: .45;
}

@media (max-width: 640px) {
  .table-scroll table {
    min-width: 720px;
  }

  .table-scroll::after {
    content: "Swipe horizontally to see more";
    display: block;
    padding: .65rem 1rem;
    color: #64748b;
    font-size: .75rem;
    background: #f8fafc;
  }
}