/* Fernando Kylas Brand System. tokens.css
   Rules only: the reasoning is in the repository, at lab/publication-engine/platform/design-system/css/tokens.css.
   Nothing else is altered. No value, selector or declaration differs
   from source. See publications/brand-system/build/assemble.py. */
:root {

  color-scheme: light;

  --fk-font-display: "Strawford", Georgia, "Times New Roman", serif;
  --fk-font-text: "Geomanist", "Helvetica Neue", Arial, sans-serif;

  --fk-weight-display-light: 300;
  --fk-weight-display: 400;
  --fk-weight-display-medium: 500;
  --fk-weight-book: 350;
  --fk-weight-regular: 400;
  --fk-weight-medium: 500;
  --fk-weight-bold: 700;

  --fk-c-paper:        #F6F4F1;
  --fk-c-paper-card:   #FCFCFB;
  --fk-c-rev-1:        #FAFAF7;
  --fk-c-ink:          #090909;
  --fk-c-ink-1:        #0A0A0A;
  --fk-c-ink-2:        #4A4A4A;
  --fk-c-ink-3:        #616161;
  --fk-c-rev-2:        #ADADAD;
  --fk-c-rev-3:        #8E8E8E;
  --fk-c-green:        #869F75;
  --fk-c-green-wash:   #EBF0E9;
  --fk-c-line:         #E4E3E8;
  --fk-c-line-rev:     #2A2A2A;

  --fk-surface:          var(--fk-c-paper);
  --fk-surface-raised:   var(--fk-c-paper-card);
  --fk-surface-accent:   var(--fk-c-green-wash);
  --fk-text-primary:     var(--fk-c-ink-1);
  --fk-text-secondary:   var(--fk-c-ink-2);
  --fk-text-tertiary:    var(--fk-c-ink-3);

  --fk-text-tertiary-raised: var(--fk-c-ink-3);
  --fk-border:           var(--fk-c-line);
  --fk-border-strong:    var(--fk-c-ink-2);
  --fk-accent:           var(--fk-c-green);
  --fk-accent-ink:       var(--fk-c-ink-1);

  --fk-sev-critical:  var(--fk-text-primary);
  --fk-sev-high:      var(--fk-text-primary);
  --fk-sev-medium:    var(--fk-text-secondary);
  --fk-sev-low:       var(--fk-text-tertiary);
  --fk-positive:      var(--fk-accent-ink);
  --fk-focus-ring:    var(--fk-text-primary);

  --fk-critical:      var(--fk-text-primary);
  --fk-warning:       var(--fk-text-primary);
  --fk-success:       var(--fk-accent-ink);
  --fk-information:   var(--fk-text-secondary);
  --fk-observation:   var(--fk-text-secondary);
  --fk-evidence:      var(--fk-surface-raised);
  --fk-confidence:    var(--fk-text-primary);
  --fk-disabled:      var(--fk-text-tertiary);
  --fk-unmeasured:    var(--fk-text-tertiary);

  --fk-interactive:        var(--fk-text-primary);
  --fk-interactive-hover:  var(--fk-text-primary);
  --fk-surface-selected:   var(--fk-surface-accent);
  --fk-rule-accent:        var(--fk-accent);

  --fk-data-1:        var(--fk-text-primary);
  --fk-data-2:        var(--fk-text-tertiary);
  --fk-data-accent:   var(--fk-accent);

  --fk-display-size:     4rem;
  --fk-display-lh:       1.031;
  --fk-display-track:    -0.026em;
  --fk-display-weight:   var(--fk-weight-display);

  --fk-report-title-size:   3rem;
  --fk-report-title-lh:     1.104;
  --fk-report-title-track:  -0.022em;
  --fk-report-title-weight: var(--fk-weight-display);

  --fk-section-title-size:   2.25rem;
  --fk-section-title-lh:     1.167;
  --fk-section-title-track:  -0.016em;
  --fk-section-title-weight: var(--fk-weight-display);

  --fk-quote-size:    1.875rem;
  --fk-quote-lh:      1.333;
  --fk-quote-track:   -0.012em;
  --fk-quote-weight:  var(--fk-weight-display);

  --fk-subsection-size:   1.5rem;
  --fk-subsection-lh:     1.25;
  --fk-subsection-track:  -0.006em;
  --fk-subsection-weight: var(--fk-weight-medium);

  --fk-card-title-size:   1.375rem;
  --fk-card-title-lh:     1.273;
  --fk-card-title-track:  -0.004em;
  --fk-card-title-weight: var(--fk-weight-medium);

  --fk-lead-size:   1.375rem;
  --fk-lead-lh:     1.545;
  --fk-lead-track:  -0.004em;
  --fk-lead-weight: var(--fk-weight-book);

  --fk-body-l-size:  1.1875rem;
  --fk-body-l-lh:    1.632;
  --fk-body-l-track: 0em;
  --fk-body-l-weight: var(--fk-weight-book);

  --fk-body-size:   1.0625rem;
  --fk-body-lh:     1.647;
  --fk-body-track:  0em;
  --fk-body-weight: var(--fk-weight-book);

  --fk-body-s-size:  0.9375rem;
  --fk-body-s-lh:    1.6;
  --fk-body-s-track: 0.004em;
  --fk-body-s-weight: var(--fk-weight-book);

  --fk-caption-size:  0.8125rem;
  --fk-caption-lh:    1.462;
  --fk-caption-track: 0.010em;
  --fk-caption-weight: var(--fk-weight-regular);

  --fk-footnote-size:  0.75rem;
  --fk-footnote-lh:    1.417;
  --fk-footnote-track: 0.010em;
  --fk-footnote-weight: var(--fk-weight-regular);

  --fk-label-size:   0.75rem;
  --fk-label-lh:     1.333;
  --fk-label-track:  0.14em;
  --fk-label-weight: var(--fk-weight-medium);

  --fk-metric-size:     3rem;
  --fk-metric-lh:       1.0;
  --fk-metric-track:    -0.016em;
  --fk-metric-weight:   var(--fk-weight-bold);

  --fk-metric-lg-size:  4rem;
  --fk-metric-lg-lh:    0.969;
  --fk-metric-lg-track: -0.018em;

  --fk-space-0:   0;
  --fk-space-1:   0.25rem;
  --fk-space-2:   0.5rem;
  --fk-space-3:   0.75rem;
  --fk-space-4:   1rem;
  --fk-space-5:   1.5rem;
  --fk-space-6:   2rem;
  --fk-space-7:   2.5rem;
  --fk-space-8:   3.5rem;
  --fk-space-9:   4.5rem;
  --fk-space-10:  6rem;
  --fk-space-11:  8rem;
  --fk-space-12:  10rem;

  --fk-flow-tight:     var(--fk-space-3);
  --fk-flow:           var(--fk-space-5);
  --fk-flow-loose:     var(--fk-space-6);
  --fk-section-gap:    var(--fk-space-10);
  --fk-heading-gap:    var(--fk-space-6);

  --fk-pause-bound:               var(--fk-heading-gap);
  --fk-pause-related:             var(--fk-space-8);
  --fk-pause-related-compensated: var(--fk-space-9);
  --fk-pause-section:             var(--fk-section-gap);

  --fk-page-width:      210mm;
  --fk-page-height:     297mm;
  --fk-page-margin-top:    22mm;
  --fk-page-margin-bottom: 20mm;
  --fk-page-margin-inner:  20mm;
  --fk-page-gutter-print:  10mm;

  --fk-page-edge:       clamp(1.25rem, 5vw, 4rem);

  --fk-shell-max:     80rem;
  --fk-content-max:   72rem;
  --fk-measure:       39rem;
  --fk-measure-lead:  41.25rem;
  --fk-measure-wide:  47.5rem;

  --fk-measure-structural: 60rem;

  --fk-gutter:        clamp(1.25rem, 5vw, 4rem);
  --fk-col-gap:       var(--fk-space-6);

  --fk-hairline:      1px solid var(--fk-border);
  --fk-rule:          2px solid var(--fk-text-primary);
  --fk-rule-accent:   2px solid var(--fk-accent);

  --fk-radius-none:   0;
  --fk-radius-sm:     2px;
  --fk-radius-md:     4px;
  --fk-radius-lg:     6px;
  --fk-radius-pill:   999px;

  --fk-shadow-soft:   0 12px 40px rgba(9, 9, 11, 0.05);

  --fk-scrollbar-size:        0.5rem;
  --fk-scrollbar-track:       var(--fk-border);
  --fk-scrollbar-thumb:       var(--fk-text-tertiary);
  --fk-scrollbar-thumb-hover: var(--fk-text-secondary);

  --fk-ease:          cubic-bezier(0.22, 1, 0.36, 1);
  --fk-dur:           200ms;

}

:root[data-theme="dark"],
[data-theme="dark"] {

  color-scheme: dark;

  --fk-surface:          var(--fk-c-ink);
  --fk-surface-raised:   var(--fk-c-line-rev);
  --fk-surface-accent:   rgba(134, 159, 117, 0.14);
  --fk-text-primary:     var(--fk-c-rev-1);
  --fk-text-secondary:   var(--fk-c-rev-2);
  --fk-text-tertiary:    var(--fk-c-rev-3);

  --fk-text-tertiary-raised: var(--fk-c-rev-2);
  --fk-border:           var(--fk-c-line-rev);
  --fk-border-strong:    var(--fk-c-rev-2);
  --fk-accent:           var(--fk-c-green);
  --fk-accent-ink:       var(--fk-c-green);
  --fk-sev-critical:     var(--fk-text-primary);
  --fk-sev-high:         var(--fk-text-primary);
  --fk-sev-medium:       var(--fk-text-secondary);
  --fk-sev-low:          var(--fk-text-tertiary);
  --fk-positive:         var(--fk-c-green);
  --fk-focus-ring:       var(--fk-text-primary);

  --fk-critical:         var(--fk-text-primary);
  --fk-warning:          var(--fk-text-primary);
  --fk-success:          var(--fk-c-green);
  --fk-information:      var(--fk-text-secondary);
  --fk-observation:      var(--fk-text-secondary);
  --fk-evidence:         var(--fk-surface-raised);
  --fk-confidence:       var(--fk-text-primary);
  --fk-disabled:         var(--fk-text-tertiary);
  --fk-unmeasured:       var(--fk-text-tertiary);
  --fk-interactive:        var(--fk-text-primary);
  --fk-interactive-hover:  var(--fk-text-primary);
  --fk-surface-selected:   var(--fk-surface-accent);
  --fk-rule-accent:        var(--fk-accent);
  --fk-data-1:           var(--fk-text-primary);
  --fk-data-2:           var(--fk-text-tertiary);
  --fk-data-accent:      var(--fk-accent);
}