/* ReefBucket huisstijl — enige bron van waarheid voor kleuren, typografie en vormen.
   Wordt gedeeld door de Flask-beheerschil en de losse auth-/foutpagina's.
   Waarden zijn identiek aan de bestaande admin_shell.css, zodat dit bestand
   veilig kan worden ingevoegd zonder dat bestaande pagina's verschuiven. */
:root {
  /* Ondergrond en vlakken */
  --rb-bg: #050914;
  --rb-surface: #0d182a;
  --rb-surface-strong: #101c30;
  --rb-panel: linear-gradient(145deg, rgba(16, 28, 48, .82), rgba(8, 17, 31, .72));
  --rb-glass: rgba(8, 17, 31, .82);

  /* Tekst */
  --rb-text: #f3f8ff;
  --rb-text-soft: #cce3f6;
  --rb-muted: #9caec4;
  --rb-muted-strong: #7890aa;

  /* Randen */
  --rb-border: rgba(125, 211, 252, .16);
  --rb-border-strong: #30445e;

  /* Accenten */
  --rb-primary: #20d8c1;
  --rb-primary-strong: #06b6d4;
  --rb-accent: #4da7ff;
  --rb-danger: #fb7185;
  --rb-danger-soft: #fda4af;
  --rb-warning: #fbbf24;
  --rb-ring: #5eead4;
  --rb-gradient-primary: linear-gradient(135deg, #5eead4, #38bdf8);
  --rb-on-primary: #022c2a;

  /* Vormen */
  --rb-radius-sm: 11px;
  --rb-radius-md: 14px;
  --rb-radius-lg: 18px;
  --rb-radius-xl: 28px;
  --rb-sidebar-width: 270px;

  /* Typografie */
  --rb-font: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rb-heading: "Segoe UI Variable Display", "Segoe UI", var(--rb-font);

  /* Diepte en beweging */
  --rb-shadow-panel: 0 20px 70px rgba(0, 0, 0, .16);
  --rb-shadow-modal: 0 35px 100px rgba(0, 0, 0, .35);
  --rb-ease: 180ms ease;
}