/* ==========================================================================
   RJ Cloud brand tokens, transcribed from "RJ Cloud Brand Guidelines v1.0 2026"
   Single source for every RJC surface. Do not hardcode brand values elsewhere.
   ========================================================================== */
/* Self-hosted IBM Plex, latin subset. Same faces the guidelines specify, but
   without the render-blocking round trip to fonts.googleapis.com. */
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/plex-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/plex-mono-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/plex-mono-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/plex-mono-600.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/plex-sans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/plex-sans-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/plex-sans-400.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/plex-sans-500.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  /* primary palette */
  --rjc-teal:#004D56;      /* Deep Teal, brand / logo */
  --rjc-ocean:#007A87;     /* Ocean, secondary */
  --rjc-aqua:#00B4C6;      /* Aqua, brand accent */
  --rjc-mist:#E0F7FA;      /* Mist, light tint */
  --rjc-slate:#6B9EA3;     /* Slate, muted text */
  --rjc-white:#FFFFFF;     /* Surface */
  --rjc-ink:#0D2426;       /* deepest teal, body ink */
  --rjc-paper:#F4F9FA;     /* off-white surface used through the guidelines */
  --rjc-rule:rgba(0,77,86,.16);

  /* department accents */
  --rjc-forest:#1B5E20;    /* RJC / Technology */
  --rjc-forest-tint:#E8F5E9;
  --rjc-forest-deep:#0D3B11;
  --rjc-cobalt:#1A3A8A;    /* RJC / Marketing */
  --rjc-cobalt-tint:#E3EAF9;
  --rjc-cobalt-deep:#0D1F57;
  --rjc-crimson:#8B1C1C;   /* RJC / HEOR */
  --rjc-crimson-tint:#FDECEA;
  --rjc-crimson-deep:#4A0A0A;

  /* type */
  --rjc-display:'IBM Plex Mono',ui-monospace,monospace;  /* display and identity */
  --rjc-body:'IBM Plex Sans',system-ui,sans-serif;       /* body and interface */

  /* type scale from the guidelines */
  --rjc-t-display:72px;  /* 700, hero and covers */
  --rjc-t-h1:40px;       /* 600, page titles */
  --rjc-t-h2:28px;       /* 600, sections */
  --rjc-t-body:16px;     /* 400, paragraphs */
  --rjc-t-caption:13px;  /* 300, labels, footnotes */
}