@import "tailwindcss";

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

@theme {
  /* Add a custom color */
  --jsd-black: #000000;
  --jsd-white: #FFFFFF;
  --jsd-grey: #F5F7F5;
  --jsd-dove: #E8E8E4;
  --jsd-sand-dune: #ECE9E5;
  --jsd-sand: #878166;
  --jsd-khaki-olive: #5A5734;
  --jsd-sage: #7F8B6D;
  --jsd-light-blue: #D9E4F5;
  --jsd-storm-blue: #5D829A;

  /* Add a custom font */
  --display: "Instrument Serif", serif;
  --sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;

  --widest-deco: 0.2em;
  --wide-ultra: 0.4em;
}

.jsd-black { color: #000; }
.jsd-white { color: #FFFFFF; }
.jsd-grey { color: #F5F7F5; }
.jsd-dove { color: #E8E8E4; }
.jsd-sand-dune { color: #ECE9E5; }
.jsd-sand { color: #878166; }
.jsd-khaki-olive { color: #5A5734; }
.jsd-sage { color: #7F8B6D; }
.jsd-light-blue { color: #D9E4F5; }
.jsd-storm-blue { color: #5D829A; }


.font-display { font-family: "Instrument Serif", serif; }
.font-sans { font-family: "Instrument Sans", ui-sans-serif, system-ui, sans-serif; }
.font-mono { font-family: "JetBrains Mono", ui-monospace, monospace; }

.tracking-widest-deco { letter-spacing: 0.2em; }
.tracking-wide-ultra { letter-spacing: 0.4em; }