/* Attera v2 — design tokens
   "Auditor's notebook" — editorial weight, citation chips, teal-on-grounded-only */

:root {
  /* Paper & ink */
  --paper:        #EFEDE6;  /* primary surface — FT-supplement cool-warm */
  --paper-2:      #E7E4DA;  /* sunken / table headers */
  --paper-3:      #FDFCF8;  /* raised card */
  --ink:          #1A1814;  /* primary text */
  --ink-2:        #3C362E;  /* body text */
  --mute:         #6F665A;  /* eyebrows, footnotes */
  --rule:         #D5CFC0;  /* hairline borders */
  --rule-soft:    #E2DCCD;  /* faint dividers */

  /* Brand */
  --teal:         #0F8A7E;  /* grounded data, primary CTA accent */
  --teal-deep:    #0A5F57;  /* hover / dark contexts */
  --teal-tint:    rgba(15,138,126,0.10);

  /* Verify (amber) — never used without ⚠ glyph + word */
  --amber:        #B97A1E;
  --amber-tint:   rgba(185,122,30,0.10);

  /* Dark mode (Security, DPA) */
  --dark-paper:   #16140F;
  --dark-paper-2: #1E1C16;
  --dark-ink:     #E8E2D3;
  --dark-mute:    #98907F;
  --dark-rule:    #2E2A22;

  /* Type */
  --serif: "Fraunces", "GT Sectra", Georgia, "Times New Roman", serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono:  "IBM Plex Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Scale */
  --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;

  /* Layout widths */
  --w-narrow:  640px;   /* long-form working-paper column */
  --w-reading: 760px;
  --w-content: 1080px;
  --w-wide:    1240px;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}