/* White Rabbit Group design tokens.
   Source: FV White Rabbit Group Design System, project/tokens.json, version 1790237770-e5c1
   (https://claude.ai/artifact/Tsn1K942bLdRVwA2y7Ve3t). Update this file as a whole when the system changes. */

@font-face { font-family: "F37 Bolton"; src: url("fonts/F37Bolton-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "F37 Bolton"; src: url("fonts/F37Bolton-Book.otf") format("opentype"); font-weight: 350; font-style: normal; font-display: swap; }
@font-face { font-family: "F37 Bolton"; src: url("fonts/F37Bolton-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "F37 Bolton"; src: url("fonts/F37Bolton-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  --black-950: #080807;
  --black-850: #272725;
  --black-750: #41413f;
  --black-550: #5a5a58;
  --black-350: #a8a8a4;
  --black-250: #c2c1bd;
  --black-150: #dadad7;
  --black-050: #f3f3f2;
  --mono-label-grey: #8d8d8b;
  --white: #ffffff;
  --rabbit-white: #fafaf9;
  --red: #fa4c4f;

  --surface-dark: var(--black-950);
  --surface-light: var(--white);
  --surface-tint: var(--black-050);
  --text-on-dark-primary: var(--rabbit-white);
  --text-on-dark-secondary: var(--black-350);
  --text-on-dark-tertiary: var(--black-250);
  --text-on-light-primary: var(--black-950);
  --text-on-light-secondary: var(--black-750);
  --text-on-light-mono: var(--mono-label-grey);
  --border-on-light: var(--black-750);
  --border-on-dark: var(--black-350);
  --border-on-dark-subtle: var(--black-550);
  --accent: var(--red);

  --font-display: "F37 Bolton", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono-primary: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-mono-accent: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --weight-display-light: 203;
  --weight-display-book: 300;
  --weight-display-regular: 400;
  --weight-display-medium: 500;
  --tracking-label: 0.08em;

  --container-max: 1680px;
  --gutter: 60px;
  --gutter-header: 40px;
  --space-section: 120px;
  --space-coupled: 23px;
  --radius-card: 10px;
  --radius-badge: 11px;
  --radius-pill: 999px;
  --transition-standard: 0.3s ease-in-out;
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
}
