/* ============================================================
   Algometric design tokens
   ------------------------------------------------------------
   This is the single point of change for colour and typography.
   To align Algometric with the Quick Hits identity, replace the
   values in this file only. No other stylesheet hard codes a
   colour or a typeface.
   ============================================================ */

:root {
  /* --- Colour: instrument panel ---------------------------- */
  --c-ink:            #192A3D;  /* chrome, sidebar, headings   */
  --c-ink-soft:       #3B4A5D;  /* raised chrome surfaces      */
  --c-surface:        #F2F4F3;  /* workspace background        */
  --c-surface-raised: #FFFFFF;  /* cards, tables, panels       */
  --c-line:           #D9E0DD;  /* hairlines and dividers      */
  --c-line-strong:    #B9C4C0;

  --c-text:           #16262C;
  --c-text-muted:     #5C6E73;
  --c-text-inverse:   #E8EEEC;

  --c-accent:         #0B6E5F;  /* primary action, positive    */
  --c-accent-hover:   #095748;
  --c-accent-soft:    #DCEBE6;

  --c-attention:      #B0872B;  /* pending, needs a decision   */
  --c-attention-soft: #F5EBD2;
  --c-critical:       #8C2F39;  /* failure, decline, negative  */
  --c-critical-soft:  #F4DFE1;

  /* Series palette for charts. Distinct in both hue and value
     so that the charts remain readable in greyscale and to
     viewers with colour vision deficiency. */
  --c-series-1: #0B6E5F;
  --c-series-2: #2F5D8C;
  --c-series-3: #B0872B;
  --c-series-4: #7A4FBF;
  --c-series-5: #8C5A2F;
  --c-series-6: #8C2F39;

  /* --- Typography ------------------------------------------ */
  --font-display: "nk);
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-body:    nk);
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif
  --font-data:    nk);
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.375rem;
  --fs-xl:   1.75rem;
  --fs-2xl:  2.375rem;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;

  --lh-tight: 1.15;
  --lh-body:  1.55;
  --tracking-label: 0.08em;

  /* --- Space, radius, elevation ---------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;

  --shadow-card: 0 1px 2px rgba(14, 29, 35, 0.06), 0 4px 12px rgba(14, 29, 35, 0.05);
  --shadow-pop:  0 8px 28px rgba(14, 29, 35, 0.16);

  --sidebar-width: 248px;
  --topbar-height: 60px;
}