/* Malvern POS design tokens. Generated from tokens.json by scripts/brand/build-tokens.cjs. Do not edit by hand. */
:root {
  --mp-brand-black: #000000;
  --mp-brand-white: #FFFFFF;
  --mp-brand-volt: #DDFF2A;
  --mp-brand-cobalt: #2D4BFF;
  --mp-gray-0: #FFFFFF;
  --mp-gray-25: #FCFCFD;
  --mp-gray-50: #F7F7F8;
  --mp-gray-100: #F0F0F2;
  --mp-gray-150: #E8E8EB;
  --mp-gray-200: #DEDEE2;
  --mp-gray-300: #C9C9CF;
  --mp-gray-400: #9E9EA6;
  --mp-gray-450: #86868E;
  --mp-gray-500: #71717A;
  --mp-gray-600: #55555D;
  --mp-gray-700: #3A3A40;
  --mp-gray-800: #26262B;
  --mp-gray-850: #1D1D21;
  --mp-gray-900: #151518;
  --mp-gray-950: #0E0E10;
  --mp-gray-1000: #08080A;
  --mp-volt-50: #F8FFDD;
  --mp-volt-100: #F0FFB3;
  --mp-volt-200: #E8FF75;
  --mp-volt-300: #DDFF2A;
  --mp-volt-400: #C8EB0A;
  --mp-volt-500: #AFCC08;
  --mp-volt-600: #8A9E03;
  --mp-volt-700: #6A7A03;
  --mp-volt-800: #505C04;
  --mp-volt-900: #394201;
  --mp-volt-950: #232A00;
  --mp-cobalt-50: #F0F4FF;
  --mp-cobalt-100: #E0E8FF;
  --mp-cobalt-200: #C2D2FF;
  --mp-cobalt-300: #94AFFF;
  --mp-cobalt-400: #5C82FF;
  --mp-cobalt-500: #2D4BFF;
  --mp-cobalt-600: #2440E0;
  --mp-cobalt-700: #1D34B8;
  --mp-cobalt-800: #182A8F;
  --mp-cobalt-900: #13206B;
  --mp-cobalt-950: #0C1445;
  --mp-font-family-sans: Geist, "Geist Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mp-font-family-mono: "Geist Mono", "Geist Mono Variable", ui-monospace, SFMono-Regular, Consolas, monospace;
  --mp-font-weight-regular: 400;
  --mp-font-weight-medium: 500;
  --mp-font-weight-semibold: 600;
  --mp-font-weight-bold: 700;
  --mp-font-size-2xs: 11px;
  --mp-font-size-xs: 12px;
  --mp-font-size-sm: 13px;
  --mp-font-size-md: 14px;
  --mp-font-size-base: 15px;
  --mp-font-size-lg: 17px;
  --mp-font-size-xl: 20px;
  --mp-font-size-2xl: 24px;
  --mp-font-size-3xl: 32px;
  --mp-font-size-4xl: 44px;
  --mp-font-size-5xl: 56px;
  --mp-font-size-6xl: 76px;
  --mp-font-tracking-tight: -0.04;
  --mp-font-tracking-snug: -0.02;
  --mp-font-tracking-normal: 0;
  --mp-font-tracking-label: 0.06;
  --mp-font-leading-tight: 1.05;
  --mp-font-leading-title: 1.2;
  --mp-font-leading-ui: 1.35;
  --mp-font-leading-body: 1.55;
  --mp-space-0: 0px;
  --mp-space-1: 2px;
  --mp-space-2: 4px;
  --mp-space-3: 6px;
  --mp-space-4: 8px;
  --mp-space-5: 12px;
  --mp-space-6: 16px;
  --mp-space-7: 20px;
  --mp-space-8: 24px;
  --mp-space-9: 32px;
  --mp-space-10: 40px;
  --mp-space-11: 48px;
  --mp-space-12: 64px;
  --mp-space-13: 96px;
  --mp-radius-xs: 4px;
  --mp-radius-sm: 6px;
  --mp-radius-md: 8px;
  --mp-radius-lg: 12px;
  --mp-radius-xl: 16px;
  --mp-radius-pill: 999px;
  --mp-touch-min: 44px;
  --mp-touch-row: 48px;
  --mp-touch-primary: 56px;
  --mp-touch-tender: 64px;
  --mp-elevation-1: 0px 1px 2px 0px #0000000F;
  --mp-elevation-2: 0px 8px 24px -6px #0000001A;
  --mp-elevation-3: 0px 24px 64px -12px #00000033;
  --mp-motion-duration-instant: 80ms;
  --mp-motion-duration-fast: 140ms;
  --mp-motion-duration-base: 200ms;
  --mp-motion-duration-slow: 320ms;
  --mp-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --mp-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --mp-breakpoint-phone: 0px;
  --mp-breakpoint-tablet: 600px;
  --mp-breakpoint-till: 1024px;
  --mp-breakpoint-wide: 1440px;
  --mp-bg-canvas: #F7F7F8;
  --mp-bg-surface: #FFFFFF;
  --mp-bg-raised: #FFFFFF;
  --mp-bg-inset: #F0F0F2;
  --mp-bg-hover: #F0F0F2;
  --mp-bg-selected: #E8E8EB;
  --mp-border-subtle: #E8E8EB;
  --mp-border-default: #DEDEE2;
  --mp-border-strong: #C9C9CF;
  --mp-text-primary: #08080A;
  --mp-text-secondary: #55555D;
  --mp-text-tertiary: #71717A;
  --mp-text-inverse: #FFFFFF;
  --mp-accent-bg: #000000;
  --mp-accent-fg: #FFFFFF;
  --mp-accent-hover: #26262B;
  --mp-focus: #2D4BFF;
  --mp-success: #14833B;
  --mp-warning: #A15C00;
  --mp-danger: #C8282F;
  --mp-info: #2D4BFF;
  --mp-link: #2D4BFF;
  --mp-highlight-bg: #DDFF2A;
  --mp-highlight-fg: #000000;
  --mp-chart-1: #000000;
  --mp-chart-2: #2D4BFF;
  --mp-chart-3: #DDFF2A;
  --mp-chart-4: #C9C9CF;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mp-bg-canvas: #08080A;
    --mp-bg-surface: #0E0E10;
    --mp-bg-raised: #151518;
    --mp-bg-inset: #000000;
    --mp-bg-hover: #1D1D21;
    --mp-bg-selected: #26262B;
    --mp-border-subtle: #1D1D21;
    --mp-border-default: #26262B;
    --mp-border-strong: #3A3A40;
    --mp-text-primary: #FFFFFF;
    --mp-text-secondary: #FFFFFF;
    --mp-text-tertiary: #FFFFFF;
    --mp-text-inverse: #000000;
    --mp-accent-bg: #FFFFFF;
    --mp-accent-fg: #000000;
    --mp-accent-hover: #E8E8EB;
    --mp-focus: #94AFFF;
    --mp-success: #3DD68C;
    --mp-warning: #F5B544;
    --mp-danger: #FF6369;
    --mp-info: #94AFFF;
    --mp-link: #94AFFF;
    --mp-highlight-bg: #DDFF2A;
    --mp-highlight-fg: #000000;
    --mp-chart-1: #FFFFFF;
    --mp-chart-2: #5C82FF;
    --mp-chart-3: #DDFF2A;
    --mp-chart-4: #3A3A40;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --mp-bg-canvas: #08080A;
  --mp-bg-surface: #0E0E10;
  --mp-bg-raised: #151518;
  --mp-bg-inset: #000000;
  --mp-bg-hover: #1D1D21;
  --mp-bg-selected: #26262B;
  --mp-border-subtle: #1D1D21;
  --mp-border-default: #26262B;
  --mp-border-strong: #3A3A40;
  --mp-text-primary: #FFFFFF;
  --mp-text-secondary: #FFFFFF;
  --mp-text-tertiary: #FFFFFF;
  --mp-text-inverse: #000000;
  --mp-accent-bg: #FFFFFF;
  --mp-accent-fg: #000000;
  --mp-accent-hover: #E8E8EB;
  --mp-focus: #94AFFF;
  --mp-success: #3DD68C;
  --mp-warning: #F5B544;
  --mp-danger: #FF6369;
  --mp-info: #94AFFF;
  --mp-link: #94AFFF;
  --mp-highlight-bg: #DDFF2A;
  --mp-highlight-fg: #000000;
  --mp-chart-1: #FFFFFF;
  --mp-chart-2: #5C82FF;
  --mp-chart-3: #DDFF2A;
  --mp-chart-4: #3A3A40;
  color-scheme: dark;
}