@import url('fonts.css');

/* ==========================================================================
   Profectify Apps — design tokens

   Every app on this host loads this file, and the three print stylesheets
   re-declare the same values as literals because Dompdf supports no custom
   properties. So a value changed here is a value changed in five apps and
   silently out of step with print. Add tokens; think hard before editing one.
   Indikator — design tokens

   The instrument, not the software, sets the palette. A psychometric profile
   has always been printed on paper: cool stock, dark ink, one signal colour.
   Petrol carries the instrument; clay appears only where the reader must look
   (a factor outside the target range, a validity warning). Nothing else is
   coloured, so colour always means something.
   ========================================================================== */

:root {
  --paper:        #f7f6f2;
  --paper-raised: #fffffe;
  --paper-sunk:   #efeee8;

  --ink:          #16211f;
  --ink-muted:    #56635f;
  --ink-faint:    #8b9691;

  --petrol:       #0f4c4a;
  --petrol-lift:  #1b6b66;
  --petrol-wash:  #e4ecea;

  --clay:         #a6462f;
  --clay-wash:    #f6e9e4;

  --mist:         #dfe3de;
  --mist-strong:  #c5ccc6;
  --sand:         #ece9e0;

  --display: 'Newsreader', 'Iowan Old Style', Georgia, serif;
  --body:    'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Major-third-ish scale, tightened at the top so headings stay institutional
     rather than editorial. */
  --t-xs:   0.75rem;
  --t-sm:   0.8125rem;
  --t-base: 0.9375rem;
  --t-md:   1.0625rem;
  --t-lg:   1.3125rem;
  --t-xl:   1.75rem;
  --t-2xl:  2.375rem;
  --t-3xl:  3.125rem;

  --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;
  --space-8: 4.5rem;

  --radius:    3px;
  --radius-lg: 5px;

  --measure: 62ch;
  --shell:   1180px;

  --ease: cubic-bezier(0.32, 0.72, 0.3, 1);
}