/* AS Basket — thème commun à tous les outils
   Style coloré et sportif, pensé pour un PC portable en paysage. */
:root {
  --bg: #0f1a2e;          /* bleu nuit du parquet éteint */
  --surface: #17243d;
  --surface-2: #213252;
  --line: #2f4468;
  --text: #f3f6fb;
  --muted: #9fb0cc;

  --orange: #ff7a1a;      /* ballon */
  --yellow: #ffd23f;      /* accent */
  --teal: #20c9a6;        /* validation */
  --red: #ff4d5e;         /* annulation / alerte */
  --blue: #3fa2ff;

  --radius: 14px;
  --font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
}

a { color: var(--yellow); }

button {
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: var(--radius);
  padding: .6em 1.1em;
  background: var(--surface-2);
  color: var(--text);
}
button.primary { background: var(--orange); color: #1b1100; font-weight: 700; }
button:focus-visible { outline: 3px solid var(--yellow); outline-offset: 2px; }

.brand {
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.brand span { color: var(--orange); }