:root {
  /* Color — canonical brand palette */
  --ad-obsidian:    #0E0D0A;
  --ad-umber:       #3B2F20;
  --ad-gold:        #C9A24C;
  --ad-gold-deep:   #A8842F;
  --ad-gold-light:  #D9B970;
  --ad-gold-pale:   #ECD9A6;
  --ad-bone:        #F3EFE6;
  --ad-vellum:      #E8E0CE;
  --ad-cream:       #FAF6EC;

  /* Warm-tinted neutrals */
  --ad-n50:  #FAF8F2;
  --ad-n100: #F1ECE0;
  --ad-n200: #DED6C3;
  --ad-n300: #C2B89F;
  --ad-n500: #8B7F62;
  --ad-n700: #4F4838;
  --ad-n900: #1F1C14;

  /* Type */
  --ad-font-sans: "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ad-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Light-mode role tokens */
  --ad-bg:        var(--ad-bone);
  --ad-bg-alt:    var(--ad-cream);
  --ad-text:      var(--ad-obsidian);
  --ad-text-mute: var(--ad-n700);
  --ad-accent:    var(--ad-gold);
  --ad-border:    var(--ad-n200);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ad-bg:        var(--ad-obsidian);
    --ad-bg-alt:    var(--ad-n900);
    --ad-text:      var(--ad-bone);
    --ad-text-mute: var(--ad-n300);
    --ad-accent:    var(--ad-gold-light);
    --ad-border:    var(--ad-n700);
  }
}

@font-face {
  font-family: "General Sans";
  src: url("/assets/fonts/general-sans/GeneralSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("/assets/fonts/general-sans/GeneralSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("/assets/fonts/general-sans/GeneralSans-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("/assets/fonts/general-sans/GeneralSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/fonts/jetbrains-mono/JetBrainsMono-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}