/* Generated from the Red Horizon design system tokens.json (v3). Do not edit by hand. */

:root, [data-theme="dark"] {
  --red: #be0000;
  --red-deep: #3c0000;
  --red-bright: #ff4d4d;
  --black: #000000;
  --white: #ffffff;
  --neutral-950: #111111;
  --neutral-900: #222222;
  --neutral-850: #282828;
  --neutral-800: #333333;
  --neutral-750: #383838;
  --neutral-700: #444444;
  --neutral-600: #555555;
  --neutral-550: #666666;
  --neutral-500: #777777;
  --neutral-450: #888888;
  --neutral-400: #999999;
  --neutral-300: #cccccc;
  --neutral-200: #dddddd;
  --neutral-150: #e5e5e5;
  --neutral-100: #eeeeee;
  --neutral-50: #f5f5f5;
  --neutral-25: #fafafa;
  --surface: var(--neutral-950);
  --surface-raised: var(--neutral-900);
  --surface-alt: var(--black);
  --ink-heading: var(--neutral-100);
  --ink: var(--neutral-300);
  --ink-muted: var(--neutral-400);
  --ink-subtle: var(--neutral-450);
  --accent: var(--red);
  --on-accent: var(--white);
  --accent-text: var(--red-bright);
  --rule: var(--neutral-100);
  --border: rgba(255,255,255,0.1);
  --overlay: rgba(0,0,0,0.5);
  --scrim: rgba(255,255,255,0.6);
  --scrim-dark: rgba(0,0,0,0.55);
  --focus: var(--red-bright);
  --spectrum-crimson: #be0000;
  --spectrum-magenta: #ff2d7a;
  --spectrum-violet: #7b2cff;
  --spectrum-blue: #2b5bff;
  --spectrum-cyan: #00d4ff;
}

[data-theme="light"] {
  --surface: var(--neutral-25);
  --surface-raised: var(--white);
  --surface-alt: var(--neutral-200);
  --ink-heading: var(--neutral-800);
  --ink: var(--neutral-600);
  --ink-muted: var(--neutral-550);
  --ink-subtle: var(--neutral-500);
  --accent-text: var(--red);
  --rule: var(--neutral-700);
  --border: var(--neutral-150);
  --focus: var(--red);
}

:root {
  --space-5: 5px;
  --space-10: 10px;
  --space-15: 15px;
  --space-20: 20px;
  --space-22: 22px;
  --space-30: 30px;
  --space-40: 40px;
  --space-50: 50px;
  --space-60: 60px;
  --space-80: 80px;
  --space-125: 125px;
  --radius-0: 0;
  --radius-3: 3px;
  --radius-5: 5px;
  --radius-round: 50%;
  --size-control: 40px;
  --size-rule-width: 40px;
  --size-rule-weight: 2px;
  --size-icon-feature: 48px;
  --size-icon-card: 96px;
  --size-container: 1170px;
  --font-display: "Raleway", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}