/* ==========================================================================
   Design tokens
   Default values for the design tokens (spacers, font sizes, colors,
   border, transitions, containers, ...) used across utilities.css and the
   per-tenant stylesheets. A tenant's beedata.css can override any subset
   of these in its own :root block, loaded after this file - only the
   tokens it redeclares change, everything else keeps the default here.
   ========================================================================== */

:root {
  --font-size-xs: .75rem;
  --font-size-sm: .875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 6rem;
  --font-size-9xl: 8rem;
  --font-size: var(--font-size-base);
  --font-size-h1: var(--font-size-2xl);
  --font-size-h2: var(--font-size-xl);
  --font-size-h3: var(--font-size-lg);
  --font-size-h4: var(--font-size-base);
  --font-size-h5: var(--font-size-base);
  --font-size-h6: var(--font-size-sm);
  --font-size-lead: var(--font-size-2xl);
  --font-size-text-teaser: var(--font-size);
  --font-size-lists: 1rem;
  --font-size-badge: .75rem;
  --font-size-navigation: 1.375rem;
  --line-height: 1.5;
  --line-height-sm: 1.1;
  --line-height-normal: 1.0;
  --line-height-headings: 1.2;
  --line-height-lead: var(--line-height);
  --line-height-lead-large: 2;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-bold: 800;
  --font-weight: var(--font-weight-regular);

  --color-white-rgb: 255 255 255;
  --color-white: rgb(var(--color-white-rgb));
  --color-black-rgb: 0 0 0;
  --color-black: rgb(var(--color-black-rgb));
  --color-primary-rgb: 204 0 0;
  --color-primary: rgb(var(--color-primary-rgb));
  --color-primary-hover-rgb: 163 0 0;
  --color-primary-hover: rgb(var(--color-primary-hover-rgb));
  --color-primary-light-rgb: 217 155 171;
  --color-primary-light: rgb(var(--color-primary-light-rgb));
  --color-secondary-rgb: 47 72 88;
  --color-secondary: rgb(var(--color-secondary-rgb));
  --color-secondary-light-rgb: 58 100 127;
  --color-secondary-light: rgb(var(--color-secondary-light-rgb));
  --color-danger-rgb: 185 28 28;
  --color-danger: rgb(var(--color-danger-rgb));
  --color-danger-hover-rgb: 153 27 27;
  --color-danger-hover: rgb(var(--color-danger-hover-rgb));
  --color-typo: rgb(var(--color-secondary-rgb));
  --color-background-rgb: 242 247 243;
  --color-background: rgb(var(--color-background-rgb));
  --color-background-secondary-rgb: 245 245 247;
  --color-background-secondary: rgb(var(--color-background-secondary-rgb));
  --color-background-dark-rgb: 233 236 239;
  --color-background-dark: rgb(var(--color-background-dark-rgb));
  --color-background-service-rgb: 242 247 243;
  --color-background-service: rgb(var(--color-background-service-rgb));
  --color-background-service-visited-rgb: 225 242 225;
  --color-background-service-visited: rgb(var(--color-background-service-visited-rgb));
  --color-background-news-rgb: 233 241 247;
  --color-background-news: rgb(var(--color-background-news-rgb));
  --color-placeholder-rgb: 206 212 218;
  --color-placeholder: rgb(var(--color-font-rgb));
  --color-gray-rgb: 223 223 223;
  --color-gray: rgb(var(--color-gray-rgb));
  --color-gray-light-rgb: 245, 245, 247;
  --color-gray-light: rgb(var(--color-gray-light-rgb));
  --color-gray-dark-rgb: 133 133 133;
  --color-gray-dark: rgb(var(--color-gray-dark-rgb));
  --color-line-rgb: 89 131 158;
  --color-line: rgb(var(--color-line-rgb));
  --color-line-light-rgb: 223 223 223;
  --color-line-light: rgb(var(--color-line-light-rgb));
  --font-color: var(--color-secondary);
  --font-contrast: var(--color-white);
  --link-color: var(--color-typo);
  --link-color-hover: var(--color-primary);
  --badge-background: var(--color-primary);
  --badge-color: var(--color-white);
  --border-radius: .625rem;
  --border-width: 1px;
  --border-width-hover: 1px;
  --border-color: var(--color-gray);
  --general-transition-duration: .2s;
  --general-transition-timing-function: ease;
  --container-size-small: 57rem;
  --container-size-medium: 86.25rem;
  --container-size-full: 120rem;
  --spacer-0: 0;
  --spacer-1: .25rem;
  --spacer-2: .5rem;
  --spacer-3: .75rem;
  --spacer-4: 1rem;
  --spacer-5: 1.25rem;
  --spacer-6: 1.5rem;
  --spacer-7: 1.75rem;
  --spacer-8: 2rem;
  --spacer-9: 2.25rem;
  --spacer-10: 2.5rem;
  --spacer-11: 2.75rem;
  --spacer-12: 3rem;
  --spacer-14: 3.5rem;
  --spacer-16: 4rem;
  --spacer-20: 5rem;
  --spacer-24: 6rem;
  --spacer-28: 7rem;
  --spacer-32: 8rem;
  --spacer-36: 10rem;
  --spacer-40: 11rem;
  --spacer-44: 12rem;
  --spacer-48: 13rem;
  --spacer-52: 14rem;
  --spacer-56: 15rem;
  --spacer-60: 16rem;
  --text-spacing: var(--general-spacing);
  --table-spacing-row: 1rem;
  --table-spacing-column: .375rem;

  --table-muted-background-color: #f4f4f5;
  --table-background-color: #ffffff;
  --table-border-color: #e4e4e7;
  --table-border-radius: 0.5rem;

  --transition-fast: 0.2s ease;

  /* Spacing between columns—only applies internally between items */
  --grid-gap: 1.5rem;

  /* Global Form Tokens & Variables */
  --form-primary: var(--color-gray-dark); /* #4f46e5; */
  --form-primary-hover: var(--color-gray); /* #4338ca; */
  --form-bg: #ffffff;
  --form-text: var(--font-color); /* #1f2937;*/
  --form-border: var(--color-gray); /* #d1d5db; */
  --form-border-hover: var(--color-gray-dark); /* #9ca3af; */
  --form-border-focus: var(--color-gray-dark);
  --form-radius: 8px;
}