/*
  SmartRM website palette and type, from the SmartRM.AI pitch deck.

  Every colour on the site, including the diagrams and screen mockups, comes from these tokens.
  Deck colours: navy #0D2243, bright green #00FFA3, deep green #079173, off-white #F5F5F7, grey #98A1AF.
  Deck fonts: Abel for titles, Inter for everything else.
*/
:root {
  /* Page */
  --c-bg: #ffffff;           /* page background */
  --c-surface: #f5f5f7;      /* alternate section background (deck off-white) */
  --c-surface-2: #e6e8ec;    /* deeper panels, mockup chrome */
  --c-line: #d9dce2;         /* borders and rules */
  --c-ink: #0d2243;          /* headings and body text (deck navy) */
  --c-ink-2: #45526a;        /* secondary text */
  --c-ink-3: #6f7a8c;        /* captions, labels (deck grey, darkened to read on white) */

  /* Brand */
  --c-brand: #0d2243;        /* primary: buttons, links, key shapes (navy) */
  --c-brand-ink: #ffffff;    /* text on the primary colour */
  --c-brand-soft: #e7ebf2;   /* tinted backgrounds, icon tiles */
  --c-accent: #067a62;       /* deep green: labels and accents on light backgrounds */
  --c-accent-soft: #dcfbef;  /* pale green: highlights, check marks */
  --c-glow: #00ffa3;         /* bright green: accents on dark backgrounds only */
  --c-glow-ink: #0d2243;     /* text on bright green */

  /* Dark bands (hero, closing call to action, footer) */
  --c-hero-bg: #0d2243;
  --c-hero-surface: #16305a;
  --c-hero-line: #28456f;
  --c-hero-ink: #f5f5f7;
  --c-hero-ink-2: #b5bfcd;
  --g-hero: radial-gradient(900px 520px at 88% -8%, rgba(0, 255, 163, .20), transparent 62%),
            linear-gradient(165deg, #0d2243 0%, #0d2243 58%, #0b3a4c 100%);
  --g-cta: linear-gradient(120deg, #079173 0%, #0a5a5e 38%, #0d2243 78%); /* the deck's title-slide gradient */

  /* Meaning (used in the screen mockups the way SmartRM itself uses them) */
  --c-ok: #0e9f6e;           /* RECORDING */
  --c-alert: #c0392b;        /* NOT RECORDING, sealed */
  --c-warn: #c27c0e;

  /* Type */
  --font-display: "Abel", "Arial Narrow", sans-serif;                     /* page and section titles */
  --font-head: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; /* card titles, labels */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Shape */
  --radius: 12px;
  --radius-sm: 7px;
  --shadow: 0 1px 2px rgba(13, 34, 67, .06), 0 8px 24px rgba(13, 34, 67, .08);
}