/* ============================================================
   So Design brand tokens for Nicci (nicci.ai and the widget).
   Colours: the so.design colourways. Type: Barlow, following the
   Agent Robbie styleguide (marcgough/agentrobbie assets/brand/tokens.css):
   headings medium (500), body 400, eyebrow labels ALL CAPS with wide
   tracking, hierarchy by size and weight. The [ so ] logo and Nicci's
   [ nicci ] wordmark (same construction, part of the So Design family)
   are always Lato Bold, in white.
   ============================================================ */

@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/barlow-400.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/barlow-500.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/barlow-600.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/barlow-700.woff2') format('woff2'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/lato-700.woff2') format('woff2'); }

:root {
  /* so.design colourways */
  --so-navy-deep:  #222e3b;   /* header, tiles */
  --so-navy:       #2e3f51;   /* hero, primary buttons */
  --so-navy-hover: #3a4e63;
  --so-coral:      #f75f4e;   /* accent: active marks, focus, live state */
  --so-coral-dim:  rgba(247, 95, 78, 0.16);
  --so-paper:      #f3f3f0;   /* light sections */
  --so-paper-2:    #eceae8;
  --so-white:      #ffffff;
  --so-ink:        #222e3b;   /* text on light */
  --so-muted:      #5f6b78;
  --so-faint:      #8a94a1;
  --so-line:       #d9d8d4;
  --so-line-dark:  rgba(255, 255, 255, 0.12);
  --so-danger:     #c0392b;

  /* Type (Agent Robbie scale) */
  --font-sans: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-logo: 'Lato', 'Barlow', sans-serif;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --text-xs:   0.78rem;
  --text-sm:   0.88rem;
  --text-base: 0.98rem;
  --text-lg:   1.12rem;
  --text-xl:   1.28rem;
  --text-2xl:  1.55rem;
  --text-3xl:  1.95rem;
  --text-4xl:  2.4rem;

  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-full: 9999px;
}

/* [ so ] and [ nicci ]: Lato Bold, white, brackets spaced as on so.design. */
.so-logo {
  font-family: var(--font-logo);
  font-weight: 700;
  color: var(--so-white);
  letter-spacing: 0.02em;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1;
}

/* Eyebrow labels (Agent Robbie): ALL CAPS, light, wide tracking. */
.eyebrow {
  font-size: 0.72rem;
  font-weight: var(--fw-normal);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* The logo inside running text: same construction, the surrounding colour
   (white on navy, navy on paper), slightly larger to sit with Barlow. */
.so-logo.so-inline { color: inherit; font-size: 1.04em; letter-spacing: 0.02em; text-decoration: none; }
a.so-logo.so-inline:hover { text-decoration: underline; }