/* GENERATED — do not edit. Source: shared/public/tokens.css. Run `npm run sync` after editing. */
/* ===========================================================================
   DESIGN TOKENS — PLACEHOLDER
   ---------------------------------------------------------------------------
   This is the only file that should carry brand decisions. Nothing else in the
   app hardcodes a colour, radius or font, so replacing this file with the
   NEBBIA design export restyles both apps without touching markup or JS.
   Keep the same variable names (or add aliases) and layout will hold.
   nebbia-portal/public/tokens.css and nebbia-admin/public/tokens.css are
   independent copies — update both.
   ======================================================================== */

:root {
  /* surfaces */
  --bg: #0e0e10;
  --surface: #17171a;
  --surface-2: #1e1e22;
  --surface-3: #26262b;
  --border: #2c2c32;
  --border-soft: #232328;

  /* text */
  --text: #f2f2f4;
  --muted: #90909a;
  --muted-2: #63636c;

  /* accents */
  --accent: #d8d8dc;
  --accent-ink: #101014;
  --positive: #6fcf97;
  --danger: #e0685c;
  --warning: #e6b95c;

  /* shape */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  /* type */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-xs: 0.75rem;
  --fs-sm: 0.85rem;
  --fs-md: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-hero: 2.5rem;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* misc */
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  --transition: 140ms ease;
  --max-width: 1120px;
}