/* ============================================================
   Slim-Fit Apps — Design Tokens
   https://data.slimfitapps.com/tokens.css

   Import this file in each app's globals.css:
   @import url("https://data.slimfitapps.com/tokens.css");
   ============================================================ */

:root {
  /* Colors */
  --sf-ink:              #1a2744;
  --sf-ink-rgb:          26, 39, 68;
  --sf-paper:            #faf9f5;
  --sf-card:             #ffffff;
  --sf-chrome:           #ffffff;
  --sf-accent:           #55aeb6;

  /* Typography — fonts */
  --sf-font-display:     'Playfair Display', Georgia, serif;
  --sf-font-ui:          'Outfit', system-ui, sans-serif;
  --sf-font-mono:        ui-monospace, 'Cascadia Code', Consolas, monospace;

  /* Typography — sizes */
  --sf-size-logo:        1.3rem;
  --sf-size-nav:         0.78rem;
  --sf-size-h1:          2.5rem;
  --sf-size-h2:          1.8rem;
  --sf-size-h3:          1.3rem;
  --sf-size-h4:          1.05rem;
  --sf-size-body:        0.9rem;
  --sf-size-caption:     0.75rem;

  /* Spacing */
  --sf-gap:              1.5rem;

  /* Zigzag */
  --sf-zigzag-w:         24px;
  --sf-zigzag-h:         12px;
}

.dark, html.dark {
  --sf-ink:              #e8f0fe;
  --sf-ink-rgb:          232, 240, 254;
  --sf-paper:            #1a2744;
  --sf-card:             #1e2d50;
  --sf-chrome:           #0a192f;
  --sf-accent:           #55aeb6;
}