/* Tindall — generated from tokens.json */
/* Copied from the Tindall design system (claude.ai/artifact/T8qR7uBPNNPpfabqraF8oL, version 1791637735-d725).
   Do not edit here: change the design system, then copy tokens.css and bundle.css again.
   Type-style classes are omitted because their names (.h1, .body) collide with Bootstrap. */

:root, [data-theme="light"] {
  --tindall-blue: #0067B9;
  --accent-gray: #425563;
  --sky-blue: #C6DAE7;
  --accent-orange: #ED9B33;
  --white: #FFFFFF;
  --black: #000000;
  --gray-50: #F5F7F9;
  --gray-100: #EAEEF1;
  --gray-200: #D3DBE1;
  --gray-400: #8A98A3;
  --gray-500: #7D8C97;
  --gray-600: #5A6B78;
  --gray-800: #34444F;
  --tindall-blue-hover: #00579D;
  --tindall-blue-active: #004A86;
  --accent-orange-hover: #DB8A22;
  --on-accent-orange: var(--black);
  --orange-text: #9A5A00;
  --success: #1E7A46;
  --success-bg: #E3F2E9;
  --warning: #875300;
  --warning-bg: #FFF3CC;
  --danger: #B42318;
  --danger-hover: #8F1C13;
  --danger-bg: #FBE9E7;
  --info-bg: #E6F0F8;
  --focus-ring: #0067B9;
  --focus-ring-inverse: #FFFFFF;
  --overlay: rgba(31, 42, 51, 0.5);
  --env-nonprod: #6B3FA0;
}

:root {
  --slide-margin: 128px;
  --slide-margin-right: 160px;
  --slide-sidebar: 280px;
  --slide-content-inset: 256px;
  --card-gap: 32px;
  --card-padding: 40px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --control-height-sm: 32px;
  --control-height: 40px;
  --touch-target: 48px;
  --app-header-height: 56px;
  --app-sidebar-width: 240px;
  --content-max: 1280px;
  --form-max: 640px;
  --radius-none: 0px;
  --card-bar: 8px;
  --card-outline: 2px;
  --accent-rule: 6px;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-modal: 300;
  --z-toast: 400;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --font-sans: Jost, "Futura Std", Futura, "Century Gothic", Arial, sans-serif;
}