/* =========================
   tokens.theme.css
   Theme tokens - safe to edit per site
   ========================= */

:root {
  /* Brand */
  --brand-1: #006612;
  --brand-2: #006657;
  --brand-3: #006635;
  --brand-4: #146600;
  --brand-5: #005366;
  --brand-6: #002808;
  --brand-7: #001003;

  --accent: #660C00;
  --accent-2: #BB4D3E;

  /* Surfaces */
  --bg: #ffffff;
  --surface: #fbfbfd;
  --muted: #f5f5f5;

  /* Ink */
  --ink: #0b0b0b;
  --ink-muted: #333333;

  /* UI */
  --border: 6px double rgba(0,0,0,0.96);
  --link: rgba(255,255,255,0.99);
  --link-hover: rgba(255,255,255,1);

  /* Page default (set these per site preference) */
  --page-bg: #000000;
  --page-fg: #ffffff;

  /* Fonts */
  --font-display: "Jost", "League Spartan", -apple-system, "Segoe UI", Arial, sans-serif;
  --font-display-2: "Tarsus W03 Medium", Georgia, "Times New Roman", Times, serif;
  --font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-heading: var(--font-display);

  --weight-body: 400;
  --weight-body-strong: 600;
  --weight-heading: 500;

  /* Shadows */
  --shadow-1: rgba(0, 0, 0, 0.12) 0px 1px 3px;
  --shadow-2: rgba(0, 0, 0, 0.14) 0px 8px 24px;

  --shadow-inset-hero:
    rgba(10, 10, 18, 0.12) 0px 90px 180px -12px inset,
    rgba(0, 0, 0, 0.18) 0px 50px 100px -60px inset,
    rgba(10, 10, 16, 0.18) 0px 45px 120px -60px inset;

  /* Icon button surface */
  --icon-surface: color-mix(in oklab, var(--bg), transparent 40%);

  --translate-background: perspective(1000px) translateZ(-50px) scale(1.1);
  --translate-midground: perspective(1000px) translateZ(-20px) scale(1.02);
  --translate-foreground: perspective(1000px) translateZ(0) scale(1);
}