/* style.css — GLOBAL settings only: the dimension/spacing variables and basic
 * styling for plain HTML elements. Served by Django from convoke/static and
 * linked by every page via convoke/base.html.
 *
 * Colours live in themes.css (this file references them via var(--…)).
 * Anything component- or app-specific lives in that app's own stylesheet
 * (e.g. apps/dashboards/static/dashboards/styles/dashboards.css), linked by
 * the app's template after these globals so the cascade favours the app.
 */

:root {
  --radius: 0.5rem;
  --radius-lg: 0.75rem;
  --gap: 1rem;
  /* Instrument Sans is @font-face'd in themes.css (self-hosted). */
  font-family: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: var(--text);
}

* {
  box-sizing: border-box;
}

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

/* Hint text inside inputs/textareas: paler and slightly smaller than values,
 * so filled-in content stands out. opacity: 1 overrides Firefox's dimming. */
::placeholder {
  color: var(--placeholder);
  font-size: 0.85rem;
  opacity: 1;
}