/* Design tokens — generated from Figma variables */
/* Copied from Figma "Bv - Grafisk Profil & Designsystem" → "Claude instruktioner + CSS" (Design tokens för Web-componenter). Do not edit here; update the source. */

/* Primitive palette + light-mode semantic defaults */
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --bv-color-cyan-50: #e6f5fc;
  --bv-color-cyan-100: #ccecf9;
  --bv-color-cyan-200: #99d8f3;
  --bv-color-cyan-300: #67c5ed;
  --bv-color-cyan-400: #34b1e7;
  --bv-color-cyan-500: #019ee1;
  --bv-color-cyan-600: #017eb4;
  --bv-color-cyan-700: #015f87;
  --bv-color-cyan-800: #003f5a;
  --bv-color-dark-cyan-50: #e5edf0;
  --bv-color-dark-cyan-100: #ccdae0;
  --bv-color-dark-cyan-200: #99b6c2;
  --bv-color-dark-cyan-300: #6691a3;
  --bv-color-dark-cyan-400: #336d85;
  --bv-color-dark-cyan-450: #0a4f6c;
  --bv-color-dark-cyan-500: #004866;
  --bv-color-dark-cyan-600: #003a52;
  --bv-color-dark-cyan-700: #002b3d;
  --bv-color-dark-cyan-800: #001d29;
  --bv-color-grey-50: #ffffff;
  --bv-color-grey-100: #f7fafb;
  --bv-color-grey-200: #fafafa;
  --bv-color-grey-300: #f5f5f5;
  --bv-color-grey-400: #e4e4e4;
  --bv-color-grey-500: #c9c9c9;
  --bv-color-grey-600: #717171;
  --bv-color-grey-700: #3b3b3b;
  --bv-color-grey-800: #252525;
  --bv-color-grey-900: #161616;
  --bv-color-yellow-50: #fffce5;
  --bv-color-yellow-100: #fffacc;
  --bv-color-yellow-200: #fff599;
  --bv-color-yellow-300: #ffef66;
  --bv-color-yellow-400: #ffea33;
  --bv-color-yellow-500: #ffe500;
  --bv-color-yellow-600: #ccb700;
  --bv-color-yellow-700: #998900;
  --bv-color-yellow-800: #665c00;
  --bv-color-red-50: #faeaea;
  --bv-color-red-100: #f5d5d5;
  --bv-color-red-200: #ecacac;
  --bv-color-red-300: #e28282;
  --bv-color-red-400: #d95959;
  --bv-color-red-500: #cf2f2f;
  --bv-color-red-600: #a62626;
  --bv-color-red-700: #7c1c1c;
  --bv-color-red-800: #531313;
  --bv-color-green-50: #ecfbf0;
  --bv-color-green-100: #daf6e2;
  --bv-color-green-200: #b5eec5;
  --bv-color-green-300: #8fe5a7;
  --bv-color-green-400: #6add8a;
  --bv-color-green-500: #45d46d;
  --bv-color-green-600: #37aa57;
  --bv-color-green-700: #297f41;
  --bv-color-green-800: #1c552c;
  --bv-color-orange-50: #ffeeeb;
  --bv-color-orange-100: #ffddd6;
  --bv-color-orange-200: #ffbcad;
  --bv-color-orange-300: #ff9a85;
  --bv-color-orange-400: #ff795c;
  --bv-color-orange-500: #ff5733;
  --bv-color-orange-600: #cc4629;
  --bv-color-orange-700: #99341f;
  --bv-color-orange-800: #662314;
  --bv-color-teal-50: #e5f5f3;
  --bv-color-teal-100: #ccece7;
  --bv-color-teal-200: #99d8cf;
  --bv-color-teal-300: #66c5b6;
  --bv-color-teal-400: #33b19e;
  --bv-color-teal-500: #009e86;
  --bv-color-teal-600: #007e6b;
  --bv-color-teal-700: #005f50;
  --bv-color-teal-800: #003f36;
  --bv-scale-0: 0;
  --bv-scale-25: 0.0625rem;
  --bv-scale-50: 0.125rem;
  --bv-scale-100: 0.25rem;
  --bv-scale-200: 0.5rem;
  --bv-scale-300: 0.75rem;
  --bv-scale-350: 0.875rem;
  --bv-scale-400: 1rem;
  --bv-scale-450: 1.125rem;
  --bv-scale-500: 1.25rem;
  --bv-scale-600: 1.5rem;
  --bv-scale-700: 1.75rem;
  --bv-scale-750: 1.875rem;
  --bv-scale-800: 2rem;
  --bv-scale-900: 2.25rem;
  --bv-scale-1000: 2.5rem;
  --bv-scale-1100: 2.75rem;
  --bv-scale-1200: 3rem;
  --bv-scale-1300: 3.75rem;
  --bv-scale-1350: 4rem;
  --bv-scale-1400: 4.5rem;
  --bv-scale-1500: 6rem;
  --bv-scale-1600: 8rem;
  --bv-scale-1700: 16rem;
  --bv-typeface-size-xs: 0.75rem;
  --bv-typeface-size-sm: 0.875rem;
  --bv-typeface-size-base: 1rem;
  --bv-typeface-size-lg: 1.125rem;
  --bv-typeface-size-xl: 1.25rem;
  --bv-typeface-size-2xl: 1.5rem;
  --bv-typeface-size-3xl: 1.875rem;
  --bv-typeface-size-4xl: 2.25rem;
  --bv-typeface-size-5xl: 3rem;
  --bv-typeface-size-6xl: 3.75rem;
  --bv-typeface-size-7xl: 4.5rem;
  --bv-typeface-size-8xl: 6rem;
  --bv-typeface-size-9xl: 8rem;
  --bv-typeface-leading-3: 0.75rem;
  --bv-typeface-leading-4: 1rem;
  --bv-typeface-leading-5: 1.25rem;
  --bv-typeface-leading-6: 1.5rem;
  --bv-typeface-leading-7: 1.75rem;
  --bv-typeface-leading-8: 2rem;
  --bv-typeface-leading-9: 2.25rem;
  --bv-typeface-leading-10: 2.5rem;
  --bv-typeface-family-inter: Inter, system-ui, sans-serif;
  --bv-typeface-weight-light: 300;
  --bv-typeface-weight-regular: 400;
  --bv-typeface-weight-semi-bold: 600;
  --bv-typeface-weight-bold: 700;
  --bv-typeface-weight-medium: 500;
  --bv-shadow-none: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  --bv-shadow-2xs: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  --bv-shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --bv-shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --bv-shadow-default: 0px 0px 8px 0px rgba(201, 201, 201, 0.2);
  --bv-shadow-md: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  --bv-shadow-lg: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  --bv-shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  --bv-shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.1);
  --bv-shadow-inner: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  --bv-border-width-0: 0px;
  --bv-border-width-2: 2px;
  --bv-border-width-4: 4px;
  --bv-border-width-8: 8px;
  --bv-border-width-default: 1px;
  --bv-border-radius-none: 0;
  --bv-border-radius-sm: 0.125rem;
  --bv-border-radius-default: 0.25rem;
  --bv-border-radius-md: 0.375rem;
  --bv-border-radius-lg: 0.5rem;
  --bv-border-radius-xl: 0.75rem;
  --bv-border-radius-2xl: 1rem;
  --bv-border-radius-3xl: 1.5rem;
  --bv-border-radius-full: 62.4375rem;
  --bv-border-style-solid: solid;
  --bv-color-text-primary: var(--bv-color-grey-800);
  --bv-color-text-secondary: var(--bv-color-grey-600);
  --bv-color-text-muted: var(--bv-color-grey-500);
  --bv-color-text-brand: var(--bv-color-dark-cyan-500);
  --bv-color-text-brand-muted: var(--bv-color-dark-cyan-300);
  --bv-color-text-inverse: var(--bv-color-grey-50);
  --bv-color-text-warning: var(--bv-color-yellow-700);
  --bv-color-text-error: var(--bv-color-red-500);
  --bv-color-text-success: var(--bv-color-green-700);
  --bv-color-text-info: var(--bv-color-cyan-500);
  --bv-color-text-accent: var(--bv-color-cyan-500);
  --bv-color-text-black: var(--bv-color-grey-800);
  --bv-color-text-white: var(--bv-color-grey-50);
  --bv-color-bg-primary: var(--bv-color-dark-cyan-500);
  --bv-color-bg-primary-hover: var(--bv-color-dark-cyan-400);
  --bv-color-bg-primary-disabled: var(--bv-color-dark-cyan-50);
  --bv-color-bg-secondary: var(--bv-color-grey-100);
  --bv-color-bg-accent: var(--bv-color-cyan-500);
  --bv-color-bg-accent-hover: var(--bv-color-cyan-600);
  --bv-color-bg-accent-disabled: var(--bv-color-cyan-200);
  --bv-color-bg-dark: var(--bv-color-grey-800);
  --bv-color-bg-surface: var(--bv-color-grey-50);
  --bv-color-bg-menu: var(--bv-color-dark-cyan-500);
  --bv-color-bg-menu-field: var(--bv-color-dark-cyan-450);
  --bv-color-bg-canvas: var(--bv-color-grey-300);
  --bv-color-bg-field: var(--bv-color-grey-200);
  --bv-color-bg-field-disabled: var(--bv-color-grey-400);
  --bv-color-bg-field-light: var(--bv-color-grey-50);
  --bv-color-bg-muted: var(--bv-color-grey-400);
  --bv-color-bg-select-hover: var(--bv-color-cyan-50);
  --bv-color-bg-error: var(--bv-color-red-500);
  --bv-color-bg-error-bg: var(--bv-color-red-50);
  --bv-color-bg-error-disabled: var(--bv-color-red-300);
  --bv-color-bg-error-hover: var(--bv-color-red-600);
  --bv-color-bg-warning: var(--bv-color-yellow-500);
  --bv-color-bg-warning-bg: var(--bv-color-yellow-50);
  --bv-color-bg-success: var(--bv-color-green-500);
  --bv-color-bg-success-bg: var(--bv-color-green-50);
  --bv-color-bg-info: var(--bv-color-cyan-500);
  --bv-color-bg-info-bg: var(--bv-color-cyan-50);
  --bv-color-border-primary: var(--bv-color-dark-cyan-500);
  --bv-color-border-success: var(--bv-color-green-500);
  --bv-color-border-info: var(--bv-color-cyan-500);
  --bv-color-border-error: var(--bv-color-red-500);
  --bv-color-border-field: var(--bv-color-grey-500);
  --bv-color-border-card: var(--bv-color-grey-400);
  --bv-color-border-card-inside: var(--bv-color-grey-100);
  --bv-color-border-focused: var(--bv-color-dark-cyan-400);
  --bv-color-border-active: var(--bv-color-cyan-500);
  --bv-color-border-accent: var(--bv-color-cyan-500);
  --bv-color-border-menu-field: var(--bv-color-dark-cyan-300);
  --bv-color-button-primary: var(--bv-color-dark-cyan-500);
  --bv-color-button-primary-hover: var(--bv-color-dark-cyan-400);
  --bv-color-button-primary-disabled: var(--bv-color-dark-cyan-50);
  --bv-color-button-secondary: var(--bv-color-grey-100);
  --bv-color-button-accent: var(--bv-color-cyan-500);
  --bv-color-button-accent-hover: var(--bv-color-cyan-600);
  --bv-color-button-accent-disabled: var(--bv-color-cyan-200);
  --bv-color-button-accent-bg: var(--bv-color-cyan-50);
  --bv-color-button-error: var(--bv-color-red-500);
  --bv-color-button-error-bg: var(--bv-color-red-50);
  --bv-color-button-error-disabled: var(--bv-color-red-300);
  --bv-color-button-error-hover: var(--bv-color-red-600);
  --bv-color-button-border-primary: var(--bv-color-dark-cyan-500);
  --bv-color-button-border-error: var(--bv-color-red-500);
  --bv-color-button-border-focused: var(--bv-color-dark-cyan-400);
  --bv-color-button-border-accent: var(--bv-color-cyan-500);
  --bv-color-button-border-disabled: var(--bv-color-dark-cyan-300);
  --bv-color-chart-chart1: var(--bv-color-orange-500);
  --bv-color-chart-chart2: var(--bv-color-green-400);
}

/* Dark-mode semantic overrides */
/**
 * Do not edit directly, this file was auto-generated.
 */

.dark {
  --bv-color-text-primary: var(--bv-color-grey-50);
  --bv-color-text-secondary: var(--bv-color-grey-200);
  --bv-color-text-muted: var(--bv-color-grey-600);
  --bv-color-text-brand: var(--bv-color-dark-cyan-100);
  --bv-color-text-brand-muted: var(--bv-color-dark-cyan-300);
  --bv-color-text-inverse: var(--bv-color-grey-800);
  --bv-color-text-warning: var(--bv-color-yellow-100);
  --bv-color-text-error: var(--bv-color-red-500);
  --bv-color-text-success: var(--bv-color-green-500);
  --bv-color-text-info: var(--bv-color-cyan-500);
  --bv-color-text-accent: var(--bv-color-cyan-500);
  --bv-color-text-black: var(--bv-color-grey-800);
  --bv-color-text-white: var(--bv-color-grey-50);
  --bv-color-bg-primary: var(--bv-color-dark-cyan-500);
  --bv-color-bg-primary-hover: var(--bv-color-dark-cyan-400);
  --bv-color-bg-primary-disabled: var(--bv-color-dark-cyan-700);
  --bv-color-bg-secondary: var(--bv-color-grey-800);
  --bv-color-bg-accent: var(--bv-color-cyan-500);
  --bv-color-bg-accent-hover: var(--bv-color-cyan-600);
  --bv-color-bg-accent-disabled: var(--bv-color-cyan-200);
  --bv-color-bg-dark: var(--bv-color-grey-50);
  --bv-color-bg-surface: var(--bv-color-grey-900);
  --bv-color-bg-menu: var(--bv-color-dark-cyan-700);
  --bv-color-bg-menu-field: var(--bv-color-dark-cyan-450);
  --bv-color-bg-canvas: var(--bv-color-grey-800);
  --bv-color-bg-field: var(--bv-color-grey-800);
  --bv-color-bg-field-disabled: var(--bv-color-grey-700);
  --bv-color-bg-field-light: var(--bv-color-grey-800);
  --bv-color-bg-muted: var(--bv-color-grey-600);
  --bv-color-bg-select-hover: var(--bv-color-cyan-700);
  --bv-color-bg-error: var(--bv-color-red-500);
  --bv-color-bg-error-bg: var(--bv-color-red-800);
  --bv-color-bg-error-disabled: var(--bv-color-red-600);
  --bv-color-bg-error-hover: var(--bv-color-red-200);
  --bv-color-bg-warning: var(--bv-color-yellow-600);
  --bv-color-bg-warning-bg: var(--bv-color-yellow-700);
  --bv-color-bg-success: var(--bv-color-green-600);
  --bv-color-bg-success-bg: var(--bv-color-green-700);
  --bv-color-bg-info: var(--bv-color-cyan-500);
  --bv-color-bg-info-bg: var(--bv-color-cyan-700);
  --bv-color-border-primary: var(--bv-color-dark-cyan-500);
  --bv-color-border-success: var(--bv-color-green-700);
  --bv-color-border-info: var(--bv-color-cyan-500);
  --bv-color-border-error: var(--bv-color-red-500);
  --bv-color-border-field: var(--bv-color-grey-600);
  --bv-color-border-card: var(--bv-color-grey-600);
  --bv-color-border-card-inside: var(--bv-color-grey-700);
  --bv-color-border-focused: var(--bv-color-dark-cyan-400);
  --bv-color-border-active: var(--bv-color-cyan-500);
  --bv-color-border-accent: var(--bv-color-cyan-500);
  --bv-color-border-menu-field: var(--bv-color-dark-cyan-300);
  --bv-color-button-primary: var(--bv-color-dark-cyan-500);
  --bv-color-button-primary-hover: var(--bv-color-dark-cyan-400);
  --bv-color-button-primary-disabled: var(--bv-color-dark-cyan-700);
  --bv-color-button-secondary: var(--bv-color-grey-800);
  --bv-color-button-accent: var(--bv-color-cyan-500);
  --bv-color-button-accent-hover: var(--bv-color-cyan-600);
  --bv-color-button-accent-disabled: var(--bv-color-cyan-200);
  --bv-color-button-accent-bg: var(--bv-color-cyan-50);
  --bv-color-button-error: var(--bv-color-red-500);
  --bv-color-button-error-bg: var(--bv-color-red-800);
  --bv-color-button-error-disabled: var(--bv-color-red-600);
  --bv-color-button-error-hover: var(--bv-color-red-200);
  --bv-color-button-border-primary: var(--bv-color-dark-cyan-300);
  --bv-color-button-border-error: var(--bv-color-red-500);
  --bv-color-button-border-focused: var(--bv-color-dark-cyan-400);
  --bv-color-button-border-accent: var(--bv-color-cyan-500);
  --bv-color-button-border-disabled: var(--bv-color-dark-cyan-300);
  --bv-color-chart-chart1: var(--bv-color-orange-500);
  --bv-color-chart-chart2: var(--bv-color-green-600);
}