/* ============================================================
   SANSARA — Design Tokens
   ============================================================ */
@font-face{
  font-family:"Instrument Serif";
  src:url("fonts/InstrumentSerif-Regular.ttf") format("truetype");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Instrument Serif";
  src:url("fonts/InstrumentSerif-Italic.ttf") format("truetype");
  font-weight:400;font-style:italic;font-display:swap;
}
:root{
  /* Color — true black, warm orange, editorial cream */
  --black: #050608;
  --ink: #0a0c10;
  --surface: #0e1116;
  --surface-2: #141821;
  --line: rgba(242,239,232,.08);
  --line-2: rgba(242,239,232,.14);
  --cream: #F2EFE8;
  --cream-dim: #C9C5BC;
  --cream-mute: #8a8a84;
  --cream-low: #5a5a56;
  --accent: #E8823A;
  --accent-deep: #C96820;
  --accent-soft: rgba(232,130,58,.12);
  --accent-line: rgba(232,130,58,.28);

  /* Platform colors (for data only) */
  --p-chatgpt:  #10a37f;
  --p-perplex:  #20B8CE;
  --p-gemini:   #4285f4;
  --p-claude:   #C67B5C;
  --p-copilot:  #7B83EB;
  --p-google:   #EA4335;

  /* Type */
  --serif: "Fraunces", "Instrument Serif", Georgia, serif;
  --sans:  "Inter Tight", "Inter", system-ui, sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, monospace;

  /* Scale */
  --max: 1240px;
  --max-narrow: 860px;
  --ease: cubic-bezier(.22,1,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}