/* ==========================================================================
   Conspiratees — Design Tokens
   Colors, type, spacing, borders. Single source of truth.
   Do not edit. Generated from the Conspiratees design system.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=IBM+Plex+Mono:wght@300;400;500;600;700&family=Special+Elite&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');

:root {
  /* ----------------------------------------------------------------------
     COLOR — Core palette
     ---------------------------------------------------------------------- */

  --ink-redaction: #050504;
  --ink-black:     #0B0B09;
  --ink-charcoal:  #14140F;
  --ink-graphite:  #1F1E19;
  --ink-slate:     #2A2922;
  --ink-fade:      #4A4A42;

  --paper-aged:    #DDD3B8;
  --paper-light:   #EFE7D2;
  --paper-edge:    #C7BC9C;

  --bone:          #C9C2AB;
  --bone-bright:   #E8E0C8;
  --bone-dim:      #8C8773;

  --stamp-red:     #A8201A;
  --stamp-red-dim: #7A1813;
  --olive:         #6B6B3A;
  --olive-bright:  #8C8C4D;

  --bone-rgb:      201, 194, 171;
  --ink-rgb:       11, 11, 9;
  --red-rgb:       168, 32, 26;
  --olive-rgb:     107, 107, 58;

  /* ----------------------------------------------------------------------
     SEMANTIC COLOR
     ---------------------------------------------------------------------- */

  --bg:            var(--ink-black);
  --bg-elev-1:     var(--ink-charcoal);
  --bg-elev-2:     var(--ink-graphite);
  --bg-elev-3:     var(--ink-slate);
  --bg-paper:      var(--paper-aged);
  --bg-paper-2:    var(--paper-light);

  --fg-1:          var(--bone-bright);
  --fg-2:          var(--bone);
  --fg-3:          var(--bone-dim);
  --fg-paper-1:    var(--ink-black);
  --fg-paper-2:    #2A2820;
  --fg-paper-3:    #4D4A3D;

  --border-dark:         rgba(var(--bone-rgb), 0.22);
  --border-strong:       rgba(var(--bone-rgb), 0.40);
  --border-paper:        rgba(var(--ink-rgb), 0.30);
  --border-paper-strong: rgba(var(--ink-rgb), 0.55);

  --accent:        var(--stamp-red);
  --accent-press:  var(--stamp-red-dim);
  --accent-2:      var(--olive);

  /* ----------------------------------------------------------------------
     TYPE
     ---------------------------------------------------------------------- */

  --font-display:  'Anton', 'Oswald', 'Arial Narrow', sans-serif;
  --font-mono:     'IBM Plex Mono', 'Menlo', 'Consolas', monospace;
  --font-stamp:    'Special Elite', 'Courier New', monospace;
  --font-serif:    'Source Serif 4', Georgia, serif;

  --t-display-xxl: 124px;
  --t-display-xl:  88px;
  --t-display-lg:  64px;
  --t-display-md:  44px;
  --t-display-sm:  32px;

  --t-mono-xl:     20px;
  --t-mono-lg:     17px;
  --t-mono-md:     15px;
  --t-mono-sm:     13px;
  --t-mono-xs:     11px;

  --leading-tight: 0.95;
  --leading-snug:  1.15;
  --leading-body:  1.7;
  --leading-loose: 1.85;

  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.12em;
  --tracking-widest:  0.22em;

  /* ----------------------------------------------------------------------
     SPACING
     ---------------------------------------------------------------------- */

  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;
  --s-9:  96px;
  --s-10: 128px;

  /* ----------------------------------------------------------------------
     RADIUS — almost always 0
     ---------------------------------------------------------------------- */

  --r-0:    0px;
  --r-pill: 999px;

  /* ----------------------------------------------------------------------
     ELEVATION
     ---------------------------------------------------------------------- */

  --shadow-stamp:       0 1px 0 rgba(0, 0, 0, 0.20);
  --shadow-paper:       4px 4px 0 rgba(0, 0, 0, 0.65);
  --shadow-paper-hover: 6px 6px 0 rgba(0, 0, 0, 0.75);

  /* ----------------------------------------------------------------------
     MOTION
     ---------------------------------------------------------------------- */

  --dur-fast: 80ms;
  --dur-base: 160ms;
  --dur-slow: 240ms;
  --ease: cubic-bezier(0.2, 0.0, 0.2, 1);

  /* ----------------------------------------------------------------------
     TEXTURE
     ---------------------------------------------------------------------- */
  --grain-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.5'/></svg>");
}