/* ============================================================
   pa.co.it — Brand tokens (CSS custom properties)
   Import this file, or copy the :root block into your stylesheet.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600&family=Cairo+Play:wght@700&display=swap');

:root {
  /* Brand colors */
  --paco-carbon:   #444444; /* structure, text, primary surface */
  --paco-red:      #e03030; /* accent, standby / attention */
  --paco-green:    #80c080; /* core, active connection */

  /* Neutral scale (derived from carbon, for UI) */
  --paco-neutral-50:  #fafafa;
  --paco-neutral-100: #e2e2de;
  --paco-neutral-300: #b8b8b3;
  --paco-neutral-500: #8a8a86;
  --paco-neutral-600: #6e6e6a;
  --paco-neutral-800: #4a4a46;
  --paco-neutral-900: #2a2a2a;

  /* Typography — Cairo Play for titles, Cairo for UI and body copy */
  --paco-font-heading: 'Cairo Play', sans-serif;
  --paco-font: 'Cairo', sans-serif;
  --paco-weight-heading: 700; /* wordmark, titles */
  --paco-weight-ui: 500;      /* subtitles, UI labels */
  --paco-weight-body: 400;    /* tagline, body copy */

  /* Monogram module (all proportions derive from stroke width "s") */
  --paco-mono-stroke: 9;      /* contour stroke, in the 100×104 viewBox units */
  --paco-mono-clearance: 4.5; /* = 0.5 × stroke, gap around the standby bar */
}

/* Minimum sizes — do not go smaller than these */
/* Digital monogram alone: 16px  ·  Full lockup: 96px digital / 24mm print */