/* GFBT brand layer for GFBT Status (Cachet fork).
   Self-contained: this fork is pure PHP with no JS build, so it cannot resolve
   @aouellets/brand/tokens.css. Values are restated from that package.
   Loaded by the vendor view override resources/views/vendor/cachet/components/cachet.blade.php,
   after the compiled app CSS and the inline theme styles, so these declarations win the cascade.
   The page is forced dark (html.dark), so dark values are declared unconditionally. */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  /* Type. Inter for display and body, IBM Plex Mono for data and labels.
     The compiled Tailwind v4 CSS resolves --default-font-family from --font-sans. */
  --font-sans: "Inter", ui-sans-serif, system-ui, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Accent. GFBT warm red ramp remapped onto Cachet's primary palette
     (--gfbt-accent-600 #b91c1c active, -500 #dc2626 base, -400 #ef4444 hover). */
  --color-primary-50: #fef2f2;
  --color-primary-100: #fee2e2;
  --color-primary-200: #fecaca;
  --color-primary-300: #fca5a5;
  --color-primary-400: #ef4444;
  --color-primary-500: #dc2626;
  --color-primary-600: #b91c1c;
  --color-primary-700: #991b1b;
  --color-primary-800: #7f1d1d;
  --color-primary-900: #641616;

  /* Theme accent variables emitted by Cachet's ThemeData. Restated here so the
     committed brand does not depend on database state. Text on accent is white. */
  --accent: #dc2626;
  --accent-content: #ef4444;
  --accent-foreground: #ffffff;
  --accent-background: #0a0a0a;

  /* Neutrals. Cachet surfaces are zinc; GFBT neutrals stay hueless.
     Remapped onto the GFBT ink ramp. Canvas is #0a0a0a, fixed. */
  --color-zinc-50: #f4f4f4;
  --color-zinc-100: #e6e6e6;
  --color-zinc-200: #d0d0d0;
  --color-zinc-300: #b4b4b4;
  --color-zinc-400: #919191;
  --color-zinc-500: #707070;
  --color-zinc-600: #525252;
  --color-zinc-700: #3a3a3a;
  --color-zinc-800: #1f1f1f;
  --color-zinc-900: #121212;
  --color-zinc-950: #0a0a0a;
}