/* Precision Labs — design tokens.
   Values are taken verbatim from the design handoff. Nothing outside this
   palette is used anywhere in the theme, and corners are square throughout:
   border-radius is 0 on buttons, cards, inputs and badges by deliberate
   decision, not omission. */

:root {
  /* Surfaces */
  --pl-canvas:      #F2F4F3;
  --pl-surface:     #FFFDFC;
  --pl-surface-alt: #F7F9FC;

  /* Ink & brand */
  --pl-ink:         #0C1013;
  --pl-navy:        #22377E;
  --pl-navy-deep:   #1A2A63;
  --pl-accent:      #2B57CE;
  --pl-accent-lt:   #8FADF5;

  /* Panels */
  --pl-info-bg:     #EEF2FB;
  --pl-info-bd:     #C9D2E4;
  --pl-ok-bg:       #E8F1EA;
  --pl-ok-fg:       #166B47;

  /* Lines */
  --pl-bd-strong:   #C9CFCC;
  --pl-bd:          #E4E8E6;
  --pl-bd-light:    #DCE0DE;

  /* Text */
  --pl-t2:          #42504C;
  --pl-t3:          #2C3733;
  --pl-muted:       #5C6764;
  --pl-faint:       #8A9391;
  --pl-chip:        #EAEEEC;

  /* On dark */
  --pl-on-dark:     #F3F5F4;
  --pl-on-dark-mu:  #9AA3A1;
  --pl-on-dark-ft:  #6E7775;
  --pl-on-dark-nv:  #B3BFDD;

  /* Scrims */
  --pl-scrim-72:    rgba(9, 13, 24, .72);
  --pl-scrim-86:    rgba(9, 13, 24, .86);
  --pl-scrim-94:    rgba(9, 13, 24, .94);

  /* Layout */
  --pl-content:     1280px;
  --pl-gutter:      44px;
  --pl-section-y:   54px;

  --pl-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* The design is drawn at 1280px. Below that the gutter has to shrink or the
   content column collapses before the breakpoints take over. */
@media (max-width: 1199px) { :root { --pl-gutter: 28px; --pl-section-y: 44px; } }
@media (max-width: 767px)  { :root { --pl-gutter: 18px; --pl-section-y: 36px; } }