/* ==========================================================================
   fDevices — brand design tokens
   Single source of truth for colors, radius, and typography.
   Used by the website (styles.css) and any future document/deck theming.
   See brand/brand.html for the visual style guide.
   ========================================================================== */

:root {
  /* Core palette */
  --deep: #0b2237;        /* deep-sea navy — hero, footer, primary dark */
  --deep-2: #123249;      /* slightly lifted navy */
  --ink: #1c2b36;         /* body text */
  --muted: #5a6b77;       /* secondary text */
  --line: #dde5ea;        /* hairline borders */
  --surface: #ffffff;     /* cards, page */
  --surface-alt: #f4f7f9; /* alternating sections */
  --accent: #1e7f8c;      /* restrained teal — primary accent */
  --accent-dark: #16606a; /* hover / emphasis teal */
  --accent-light: #7fc7d4;/* teal on dark backgrounds (logo, links) */

  /* Status colors (product lifecycle badges) */
  --badge-market: #e3f2ec;
  --badge-market-ink: #1e6b4f;
  --badge-rd: #eaf1fb;
  --badge-rd-ink: #2b5d9b;
  --badge-dev: #fdf1e2;
  --badge-dev-ink: #925e1a;

  /* Shape & type */
  --radius: 10px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
          sans-serif;
}