/* ---------------------------------------------------------------------------
   JetsNext design tokens.

   The generated stylesheet carries the literal values from the design handoff,
   which is what keeps the build pixel-faithful. These custom properties are the
   maintainable layer on top: change a brand colour here and the hand-written
   rules in theme.css follow. Anything you want to re-skin globally should be
   moved from generated.css into a rule that reads one of these.
   --------------------------------------------------------------------------- */

:root {
  /* brand */
  --jn-teal:            #178a9e;
  --jn-teal-light:      #3fd0d4;
  --jn-teal-grad:       linear-gradient(135deg, #3fd0d4, #178a9e);
  --jn-orange:          #f0813c;

  /* ink */
  --jn-ink:             #0a2e3d;
  --jn-ink-alt:         #0f2f3c;
  --jn-body:            #4a6572;
  --jn-body-2:          #516d78;
  --jn-body-3:          #5a727d;
  --jn-muted:           #7d939b;
  --jn-nav:             #26404b;

  /* lines and washes */
  --jn-border:          #dce9eb;
  --jn-border-thin:     #cdd9de;
  --jn-border-faq:      #f0e6d8;
  --jn-tint-hover:      #eef6f6;
  --jn-tint-chip:       #e5f5f6;
  --jn-tint-soft:       #f3f9f9;
  --jn-wash:            linear-gradient(160deg, #eefaf9, #eef9fa);
  --jn-dark:            linear-gradient(150deg, #0e4152, #0a2e3d);
  --jn-dots:            radial-gradient(rgba(63, 208, 212, .18) 1px, transparent 1px);

  /* status */
  --jn-ok-bg:           #e6f7ee;
  --jn-ok-fg:           #1f8a5b;
  --jn-no-bg:           #fdeeea;
  --jn-no-fg:           #d0512b;

  /* type */
  --jn-font-display:    'Archivo', system-ui, sans-serif;
  --jn-font-heading:    'Figtree', system-ui, sans-serif;
  --jn-font-body:       'Nunito Sans', system-ui, sans-serif;
  --jn-h1:              54px;
  --jn-h2:              32px;
  --jn-stat:            38px;

  /* shape */
  --jn-container:       1220px;
  --jn-container-tight: 1160px;
  --jn-gutter:          32px;
  --jn-radius-card:     22px;
  --jn-radius-panel:    16px;
  --jn-radius-chip:     12px;
  --jn-radius-btn:      8px;
  --jn-pill:            999px;

  /* elevation */
  --jn-shadow-card:     0 24px 50px -28px rgba(10, 46, 61, .25);
  --jn-shadow-menu:     0 30px 60px -24px rgba(10, 46, 61, .35);
  --jn-shadow-glow:     0 30px 60px -20px rgba(63, 208, 212, .6);

  /* motion */
  --jn-ease:            .22s ease;
}