/* TOGRO app & admin tokens for the security hub (#252).
   The hub is not built with Tailwind, so it mirrors docs/DESIGN_SYSTEM.md
   Appendix A (source: apps/web/tailwind.config.js) as custom properties.
   No new values: anything not in Appendix A does not belong here. Components
   use only these variables, never raw colours. */
:root {
  --primary-500: #C8D91A;   /* Citrus Lime: one primary action per view */
  --clay-300: #DCE3EA;      /* Field Clay: borders, dividers */
  --charcoal-900: #111827;  /* Charcoal: body text */
  --amber-500: #F5B942;     /* Hazard Amber: warnings */
  --sky-400: #4DA8FF;       /* Sky Blue: info */
  --rust-500: #FF5A6E;      /* critical */
  --cream-100: #F8FAFC;     /* page background */
  --earth-500: #475569;     /* muted text on light */
  --white: #FFFFFF;

  --font-sans: "Space Grotesk", Inter, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-100: 100px;
  --content-max: 1080px;
}