/* Generated by tools/tokens/build.mjs from design-system/tokens/*.json. Do not edit by hand. Light is the default. Dark follows the system unless data-theme="light" is set on ; data-theme="dark" forces dark. .th-light / .th-dark force a theme on a subtree. */ :root { /* tier 1 · primitives */ --bk-palette-salmon-100: #FFE3E6; --bk-palette-salmon-400: #FF8A98; --bk-palette-salmon-500: #FF6E7F; --bk-palette-salmon-550: #F04A61; --bk-palette-salmon-600: #E5566A; --bk-palette-salmon-700: #C8344B; --bk-palette-salmon-900: #3A1D22; --bk-palette-neutral-50: #FFF6F2; --bk-palette-neutral-100: #F6EFEB; --bk-palette-neutral-200: #E8E1DD; --bk-palette-neutral-300: #D6CFCC; --bk-palette-neutral-400: #B3ACAA; --bk-palette-neutral-500: #8C8586; --bk-palette-neutral-600: #6A6364; --bk-palette-neutral-700: #4A4445; --bk-palette-neutral-800: #3A3536; --bk-palette-neutral-900: #221E1F; --bk-palette-neutral-950: #161314; --bk-palette-neutral-light-0: #FFFFFF; --bk-palette-neutral-light-25: #FBF8F6; --bk-palette-neutral-light-100: #F4EFEC; --bk-palette-neutral-light-175: #E9E3DF; --bk-palette-neutral-light-200: #E8E2DF; --bk-palette-neutral-light-300: var(--bk-palette-neutral-300); --bk-palette-neutral-light-600: #716A6B; --bk-palette-neutral-light-650: #57514F; --bk-palette-neutral-light-950: var(--bk-palette-neutral-950); --bk-palette-neutral-dark-100: #F5F0EE; --bk-palette-neutral-dark-400: #ADA6A4; --bk-palette-neutral-dark-500: #8E8786; --bk-palette-neutral-dark-800: #3A3435; --bk-palette-neutral-dark-850: #2A2526; --bk-palette-neutral-dark-900: #1F1B1C; --bk-palette-neutral-dark-925: #1B1819; --bk-palette-neutral-dark-950: #171415; --bk-palette-neutral-dark-975: #0E0C0D; --bk-palette-ok-100: #E6F4EA; --bk-palette-ok-400: #4CC27A; --bk-palette-ok-600: #23793D; --bk-palette-ok-900: #132A1B; --bk-palette-warn-50: #FDF5DA; --bk-palette-warn-400: #E2B53A; --bk-palette-warn-600: #8A6A00; --bk-palette-warn-900: #2B2410; --bk-palette-err-100: #FBE7E5; --bk-palette-err-400: #FF7A6E; --bk-palette-err-600: #B32A21; --bk-palette-err-900: #33171A; --bk-palette-info-100: var(--bk-palette-neutral-light-100); --bk-palette-info-400: var(--bk-palette-neutral-dark-400); --bk-palette-info-600: var(--bk-palette-neutral-light-650); --bk-palette-info-900: var(--bk-palette-neutral-dark-900); --bk-palette-haccp-fish-on-light: #1F6FD1; --bk-palette-haccp-fish-on-dark: #5B9BF0; --bk-palette-haccp-meat-on-light: #D8352A; --bk-palette-haccp-meat-on-dark: #F0675D; --bk-palette-haccp-veg-on-light: #2E9E4F; --bk-palette-haccp-veg-on-dark: #52C176; --bk-palette-haccp-poultry-on-light: #E3B21A; --bk-palette-haccp-poultry-on-dark: #F2C230; --bk-palette-haccp-dairy-on-light: #FFFFFF; --bk-palette-haccp-dairy-on-dark: #F5F0EE; --bk-palette-haccp-ready-on-light: #7A4E2D; --bk-palette-haccp-ready-on-dark: #C08A5E; --bk-palette-scrim-42: rgba(14, 12, 13, 0.42); --bk-palette-scrim-55: rgba(14, 12, 13, 0.55); --bk-palette-transparent: rgba(0, 0, 0, 0); --bk-palette-goods-ryby-deep: #1E4E80; --bk-palette-goods-ryby-mid: #2F6FB0; --bk-palette-goods-ryby-tint: #E3EEF8; --bk-palette-goods-ryby-tint-dark: #1C2837; --bk-palette-goods-morze-deep: #A9442F; --bk-palette-goods-morze-mid: #E8735A; --bk-palette-goods-morze-tint: #FCE8E2; --bk-palette-goods-morze-tint-dark: #452924; --bk-palette-goods-mieso-deep: #7E2424; --bk-palette-goods-mieso-mid: #B83A3A; --bk-palette-goods-mieso-tint: #F7E1DF; --bk-palette-goods-mieso-tint-dark: #3A1C1D; --bk-palette-goods-drob-deep: #8E6A0D; --bk-palette-goods-drob-mid: #D9A21B; --bk-palette-goods-drob-tint: #FBF0D2; --bk-palette-goods-drob-tint-dark: #423316; --bk-palette-goods-warzywa-deep: #2A6236; --bk-palette-goods-warzywa-mid: #3E8E4F; --bk-palette-goods-warzywa-tint: #E2F1E4; --bk-palette-goods-warzywa-tint-dark: #202F22; --bk-palette-goods-owoce-deep: #9E4517; --bk-palette-goods-owoce-mid: #E56A2C; --bk-palette-goods-owoce-tint: #FCE7DA; --bk-palette-goods-owoce-tint-dark: #44271A; --bk-palette-goods-nabial-deep: #3F6A93; --bk-palette-goods-nabial-mid: #6C9BC7; --bk-palette-goods-nabial-tint: #E9F0F7; --bk-palette-goods-nabial-tint-dark: #2A323C; --bk-palette-goods-pieczywo-deep: #7C4E1D; --bk-palette-goods-pieczywo-mid: #B9772F; --bk-palette-goods-pieczywo-tint: #F6EAD9; --bk-palette-goods-pieczywo-tint-dark: #3B2A1B; --bk-palette-goods-suche-deep: #6E5C3A; --bk-palette-goods-suche-mid: #B49A6A; --bk-palette-goods-suche-tint: #F3EDE1; --bk-palette-goods-suche-tint-dark: #3A3128; --bk-palette-goods-napoje-deep: #14605F; --bk-palette-goods-napoje-mid: #1F9C9A; --bk-palette-goods-napoje-tint: #DDF2F1; --bk-palette-goods-napoje-tint-dark: #193232; --bk-palette-goods-kawa-deep: #4A3122; --bk-palette-goods-kawa-mid: #6E4A33; --bk-palette-goods-kawa-tint: #EFE5DD; --bk-palette-goods-kawa-tint-dark: #2A201C; --bk-palette-goods-chemia-deep: #4F428A; --bk-palette-goods-chemia-mid: #7D6BC2; --bk-palette-goods-chemia-tint: #ECE8F7; --bk-palette-goods-chemia-tint-dark: #2D273B; --bk-palette-goods-opak-deep: #5F503E; --bk-palette-goods-opak-mid: #9C8466; --bk-palette-goods-opak-tint: #EEE7DD; --bk-palette-goods-opak-tint-dark: #342D27; --bk-font-family-sans: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-family-ui: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-family-code: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --bk-font-family-mono: var(--bk-font-family-ui); --bk-font-weight-regular: 400; --bk-font-weight-medium: 500; --bk-font-weight-semibold: 600; --bk-font-weight-bold: 700; --bk-font-weight-extrabold: 800; --bk-font-size-11: 11px; --bk-font-size-12: 12px; --bk-font-size-13: 13px; --bk-font-size-14: 14px; --bk-font-size-15: 15px; --bk-font-size-16: 16px; --bk-font-size-17: 17px; --bk-font-size-20: 20px; --bk-font-size-22: 22px; --bk-font-size-24: 24px; --bk-font-size-32: 32px; --bk-font-size-34: 34px; --bk-font-size-44: 44px; --bk-font-size-64: 64px; --bk-font-size-72: 72px; --bk-font-size-96: 96px; --bk-font-size-12-5: 12.5px; --bk-font-line-height-display: 0.95; --bk-font-line-height-title: 1.05; --bk-font-line-height-heading: 1.1; --bk-font-line-height-tight: 1.15; --bk-font-line-height-snug: 1.25; --bk-font-line-height-label: 1.3; --bk-font-line-height-caption: 1.35; --bk-font-line-height-compact: 1.4; --bk-font-line-height-body: 1.55; --bk-font-tracking-display: -0.045em; --bk-font-tracking-tighter: -0.035em; --bk-font-tracking-tight: -0.03em; --bk-font-tracking-logo: -0.025em; --bk-font-tracking-snug: -0.01em; --bk-font-tracking-none: 0em; --bk-font-tracking-label: 0.02em; --bk-font-tracking-wide: 0.04em; --bk-space-0: 0px; --bk-space-1: 4px; --bk-space-2: 8px; --bk-space-3: 12px; --bk-space-4: 16px; --bk-space-5: 24px; --bk-space-6: 32px; --bk-space-7: 48px; --bk-space-8: 64px; --bk-space-9: 96px; --bk-border-width-hairline: 1px; --bk-border-width-strong: 1.5px; --bk-border-width-heavy: 2px; --bk-border-style-solid: solid; --bk-border-style-dashed: dashed; --bk-opacity-disabled: 0.45; --bk-opacity-disabled-icon: 0.35; --bk-opacity-unavailable: 0.55; --bk-opacity-expired: 0.5; --bk-opacity-dimmed: 0.38; --bk-z-index-base: 0; --bk-z-index-raised: 1; --bk-z-index-sticky: 20; --bk-z-index-dropdown: 24; --bk-z-index-overlay: 28; --bk-z-index-sheet: 30; --bk-z-index-dialog: 32; --bk-z-index-toast: 40; --bk-duration-tap: 120ms; --bk-duration-state: 200ms; --bk-duration-sheet: 320ms; --bk-duration-piece: 600ms; --bk-duration-logo: 1600ms; --bk-duration-spin: 1100ms; --bk-duration-shimmer: 1300ms; --bk-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1); --bk-ease-spring: cubic-bezier(0.3, 1.3, 0.5, 1); --bk-ease-piece: cubic-bezier(0.6, 0.1, 0.3, 1); --bk-ease-spin: cubic-bezier(0.6, 0.1, 0.4, 0.9); --bk-ease-linear: cubic-bezier(0, 0, 1, 1); --bk-motion-press-scale: 0.97; --bk-icon-size-16: 16px; --bk-icon-size-20: 20px; --bk-icon-size-24: 24px; --bk-icon-size-32: 32px; --bk-icon-stroke-16: 2; --bk-icon-stroke-20: 1.75; --bk-icon-stroke-24: 1.75; --bk-icon-stroke-32: 1.5; --bk-icon-grid: 24px; --bk-icon-live-area: 20px; --bk-icon-corner-radius: 2; --bk-icon-dot-max: 3.5; --bk-icon-cut-start: 29deg; --bk-icon-cut-end: 71deg; --bk-icon-cut-gap: 42deg; --bk-icon-cut-min-radius: 3.5; --bk-logo-min-width: 64px; --bk-logo-piece-offset: 0.38; --bk-touch-target: 48px; --bk-touch-target-kitchen: 56px; --bk-touch-target-receive: 60px; --bk-layout-container-max: 1320px; --bk-layout-gutter-mobile: var(--bk-space-4); --bk-layout-columns: 12; --bk-layout-sidebar: 248px; --bk-layout-rail: 80px; --bk-layout-topbar: 76px; --bk-layout-topbar-compact: 64px; --bk-layout-aside: 384px; --bk-layout-aside-min: 360px; --bk-layout-list-pane: 420px; --bk-layout-padding-phone: var(--bk-space-4); --bk-layout-padding-tablet: var(--bk-space-5); --bk-layout-padding-desktop: var(--bk-space-6); /* tier 2 · semantic roles */ --bk-font-display: 800 72px/0.95 "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-display-family: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-display-size: 72px; --bk-font-display-weight: 800; --bk-font-display-line-height: 0.95; --bk-font-display-tracking: -0.045em; --bk-font-display-size-fluid: clamp(40px, 6vw, 72px); --bk-font-h1: 800 44px/1.1 "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-h1-family: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-h1-size: 44px; --bk-font-h1-weight: 800; --bk-font-h1-line-height: 1.1; --bk-font-h1-tracking: -0.035em; --bk-font-h1-size-fluid: clamp(30px, 3.6vw, 44px); --bk-font-h2: 800 34px/1.05 "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-h2-family: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-h2-size: 34px; --bk-font-h2-weight: 800; --bk-font-h2-line-height: 1.05; --bk-font-h2-tracking: -0.03em; --bk-font-h2-size-fluid: clamp(26px, 3vw, 34px); --bk-font-h3: 800 24px/1.1 "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-h3-family: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-h3-size: 24px; --bk-font-h3-weight: 800; --bk-font-h3-line-height: 1.1; --bk-font-h3-tracking: -0.03em; --bk-font-h4: 600 20px/1.25 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-h4-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-h4-size: 20px; --bk-font-h4-weight: 600; --bk-font-h4-line-height: 1.25; --bk-font-h4-tracking: -0.01em; --bk-font-subhead: 700 17px/1.25 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-subhead-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-subhead-size: 17px; --bk-font-subhead-weight: 700; --bk-font-subhead-line-height: 1.25; --bk-font-subhead-tracking: -0.01em; --bk-font-body: 400 16px/1.55 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-body-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-body-size: 16px; --bk-font-body-weight: 400; --bk-font-body-line-height: 1.55; --bk-font-body-tracking: 0em; --bk-font-body-sm: 400 14px/1.4 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-body-sm-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-body-sm-size: 14px; --bk-font-body-sm-weight: 400; --bk-font-body-sm-line-height: 1.4; --bk-font-body-sm-tracking: 0em; --bk-font-label: 500 13px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-label-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-label-size: 13px; --bk-font-label-weight: 500; --bk-font-label-line-height: 1.3; --bk-font-label-tracking: 0em; --bk-font-caption: 400 13px/1.35 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-caption-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-caption-size: 13px; --bk-font-caption-weight: 400; --bk-font-caption-line-height: 1.35; --bk-font-caption-tracking: 0em; --bk-font-micro: 500 11px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-micro-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-micro-size: 11px; --bk-font-micro-weight: 500; --bk-font-micro-line-height: 1.3; --bk-font-micro-tracking: 0em; --bk-font-overline: 600 12px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-overline-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-overline-size: 12px; --bk-font-overline-weight: 600; --bk-font-overline-line-height: 1.3; --bk-font-overline-tracking: 0.02em; --bk-font-num: 500 15px/1.4 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-num-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-num-size: 15px; --bk-font-num-weight: 500; --bk-font-num-line-height: 1.4; --bk-font-num-tracking: 0em; --bk-font-num-numeric: tabular-nums; --bk-font-price: 600 17px/1.25 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-price-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-price-size: 17px; --bk-font-price-weight: 600; --bk-font-price-line-height: 1.25; --bk-font-price-tracking: 0em; --bk-font-price-numeric: tabular-nums; --bk-font-num-lg: 600 22px/1.15 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-num-lg-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-num-lg-size: 22px; --bk-font-num-lg-weight: 600; --bk-font-num-lg-line-height: 1.15; --bk-font-num-lg-tracking: 0em; --bk-font-num-lg-numeric: tabular-nums; --bk-font-stat: 800 34px/1.05 "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-stat-family: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-stat-size: 34px; --bk-font-stat-weight: 800; --bk-font-stat-line-height: 1.05; --bk-font-stat-tracking: -0.03em; --bk-font-stat-size-fluid: clamp(26px, 3vw, 34px); --bk-font-stat-sm: 800 22px/1.15 "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-stat-sm-family: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-font-stat-sm-size: 22px; --bk-font-stat-sm-weight: 800; --bk-font-stat-sm-line-height: 1.15; --bk-font-stat-sm-tracking: -0.01em; --bk-font-code: 400 13px/1.4 "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --bk-font-code-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --bk-font-code-size: 13px; --bk-font-code-weight: 400; --bk-font-code-line-height: 1.4; --bk-font-code-tracking: 0em; --bk-font-mono-num: var(--bk-font-num); --bk-font-mono-num-family: var(--bk-font-num-family); --bk-font-mono-num-size: var(--bk-font-num-size); --bk-font-mono-num-weight: var(--bk-font-num-weight); --bk-font-mono-num-line-height: var(--bk-font-num-line-height); --bk-font-mono-num-tracking: var(--bk-font-num-tracking); --bk-font-mono-num-numeric: var(--bk-font-num-numeric); --bk-font-mono-lg: var(--bk-font-num-lg); --bk-font-mono-lg-family: var(--bk-font-num-lg-family); --bk-font-mono-lg-size: var(--bk-font-num-lg-size); --bk-font-mono-lg-weight: var(--bk-font-num-lg-weight); --bk-font-mono-lg-line-height: var(--bk-font-num-lg-line-height); --bk-font-mono-lg-tracking: var(--bk-font-num-lg-tracking); --bk-font-mono-lg-numeric: var(--bk-font-num-lg-numeric); --bk-radius-none: 0px; --bk-radius-xs: 6px; --bk-radius-sm: 10px; --bk-radius-control: 12px; --bk-radius-md: 14px; --bk-radius-lg: 18px; --bk-radius-pill: 999px; --bk-focus-offset: 2px; --bk-breakpoint-mobile: 375px; --bk-breakpoint-sm: 600px; --bk-breakpoint-lg: 1200px; --bk-breakpoint-wide: 1320px; --bk-breakpoint-tablet: var(--bk-breakpoint-sm); --bk-breakpoint-desktop: var(--bk-breakpoint-lg); /* tier 3 · components */ --bk-button-height: var(--bk-touch-target); --bk-button-height-kitchen: var(--bk-touch-target-kitchen); --bk-button-padding-x: 18px; --bk-button-gap: var(--bk-space-2); --bk-button-icon-size: 18px; --bk-button-radius: var(--bk-radius-pill); --bk-button-font: 600 15px/1.25 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-button-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-button-font-size: 15px; --bk-button-font-weight: 600; --bk-button-font-line-height: 1.25; --bk-button-font-tracking: 0em; --bk-button-press-scale: var(--bk-motion-press-scale); --bk-button-duration: var(--bk-duration-tap); --bk-button-easing: var(--bk-ease-out); --bk-icon-button-size: 40px; --bk-icon-button-radius: var(--bk-radius-control); --bk-icon-button-icon-size: var(--bk-icon-size-20); --bk-fab-size-collapsed: 52px; --bk-input-height: var(--bk-touch-target); --bk-input-padding-x: var(--bk-space-3); --bk-input-gap: 10px; --bk-input-icon-size: 18px; --bk-input-radius: var(--bk-radius-control); --bk-input-font: var(--bk-font-body); --bk-input-font-family: var(--bk-font-body-family); --bk-input-font-size: var(--bk-font-body-size); --bk-input-font-weight: var(--bk-font-body-weight); --bk-input-font-line-height: var(--bk-font-body-line-height); --bk-input-font-tracking: var(--bk-font-body-tracking); --bk-input-label-font: 600 13px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-input-label-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-input-label-font-size: 13px; --bk-input-label-font-weight: 600; --bk-input-label-font-line-height: 1.3; --bk-input-label-font-tracking: 0em; --bk-input-label-gap: 6px; --bk-input-hint-font: var(--bk-font-caption); --bk-input-hint-font-family: var(--bk-font-caption-family); --bk-input-hint-font-size: var(--bk-font-caption-size); --bk-input-hint-font-weight: var(--bk-font-caption-weight); --bk-input-hint-font-line-height: var(--bk-font-caption-line-height); --bk-input-hint-font-tracking: var(--bk-font-caption-tracking); --bk-input-textarea-min-height: 76px; --bk-otp-cell-height: 46px; --bk-otp-cell-radius: var(--bk-radius-sm); --bk-otp-gap: 6px; --bk-otp-font: 600 20px/1.15 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-otp-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-otp-font-size: 20px; --bk-otp-font-weight: 600; --bk-otp-font-line-height: 1.15; --bk-otp-font-tracking: 0em; --bk-otp-font-numeric: tabular-nums; --bk-chip-height: 36px; --bk-chip-padding-x: 10px; --bk-chip-gap: 6px; --bk-chip-radius: var(--bk-radius-pill); --bk-chip-font: var(--bk-font-label); --bk-chip-font-family: var(--bk-font-label-family); --bk-chip-font-size: var(--bk-font-label-size); --bk-chip-font-weight: var(--bk-font-label-weight); --bk-chip-font-line-height: var(--bk-font-label-line-height); --bk-chip-font-tracking: var(--bk-font-label-tracking); --bk-badge-padding-y: 5px; --bk-badge-padding-start: 7px; --bk-badge-padding-end: 11px; --bk-badge-gap: 7px; --bk-badge-ring-size: 18px; --bk-badge-radius: var(--bk-radius-pill); --bk-badge-font: 600 13px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-badge-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-badge-font-size: 13px; --bk-badge-font-weight: 600; --bk-badge-font-line-height: 1.3; --bk-badge-font-tracking: 0em; --bk-card-radius: var(--bk-radius-md); --bk-card-padding: var(--bk-space-5); --bk-lot-row-padding: var(--bk-space-4); --bk-lot-row-gap: var(--bk-space-3); --bk-lot-row-radius: var(--bk-radius-md); --bk-lot-row-tile-size: 56px; --bk-lot-row-tile-radius: var(--bk-radius-control); --bk-lot-row-tile-icon-size: 22px; --bk-lot-row-name-font: 600 15px/1.25 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-lot-row-name-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-lot-row-name-font-size: 15px; --bk-lot-row-name-font-weight: 600; --bk-lot-row-name-font-line-height: 1.25; --bk-lot-row-name-font-tracking: 0em; --bk-lot-row-meta-font: var(--bk-font-caption); --bk-lot-row-meta-font-family: var(--bk-font-caption-family); --bk-lot-row-meta-font-size: var(--bk-font-caption-size); --bk-lot-row-meta-font-weight: var(--bk-font-caption-weight); --bk-lot-row-meta-font-line-height: var(--bk-font-caption-line-height); --bk-lot-row-meta-font-tracking: var(--bk-font-caption-tracking); --bk-lot-row-price-font: var(--bk-font-price); --bk-lot-row-price-font-family: var(--bk-font-price-family); --bk-lot-row-price-font-size: var(--bk-font-price-size); --bk-lot-row-price-font-weight: var(--bk-font-price-weight); --bk-lot-row-price-font-line-height: var(--bk-font-price-line-height); --bk-lot-row-price-font-tracking: var(--bk-font-price-tracking); --bk-lot-row-price-font-numeric: var(--bk-font-price-numeric); --bk-haccp-dot-size: 10px; --bk-haccp-dot-ring-width: var(--bk-border-width-heavy); --bk-list-row-height: 76px; --bk-list-row-padding: var(--bk-space-4); --bk-list-row-gap: var(--bk-space-3); --bk-list-row-radius: var(--bk-radius-control); --bk-list-row-icon-size: var(--bk-icon-size-20); --bk-table-row-height: 40px; --bk-table-cell-padding-x: 10px; --bk-table-radius: var(--bk-radius-control); --bk-table-header-font: var(--bk-font-overline); --bk-table-header-font-family: var(--bk-font-overline-family); --bk-table-header-font-size: var(--bk-font-overline-size); --bk-table-header-font-weight: var(--bk-font-overline-weight); --bk-table-header-font-line-height: var(--bk-font-overline-line-height); --bk-table-header-font-tracking: var(--bk-font-overline-tracking); --bk-table-row-height-comfortable: 64px; --bk-table-cell-padding-x-comfortable: var(--bk-space-3); --bk-table-header-height-comfortable: var(--bk-touch-target); --bk-table-header-font-comfortable: 600 12.5px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-table-header-font-comfortable-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-table-header-font-comfortable-size: 12.5px; --bk-table-header-font-comfortable-weight: 600; --bk-table-header-font-comfortable-line-height: 1.3; --bk-table-header-font-comfortable-tracking: 0em; --bk-table-radius-comfortable: var(--bk-radius-lg); --bk-kpi-radius: var(--bk-radius-control); --bk-kpi-padding: var(--bk-space-4); --bk-kpi-value-font: var(--bk-font-stat-sm); --bk-kpi-value-font-family: var(--bk-font-stat-sm-family); --bk-kpi-value-font-size: var(--bk-font-stat-sm-size); --bk-kpi-value-font-weight: var(--bk-font-stat-sm-weight); --bk-kpi-value-font-line-height: var(--bk-font-stat-sm-line-height); --bk-kpi-value-font-tracking: var(--bk-font-stat-sm-tracking); --bk-kpi-label-font: var(--bk-font-micro); --bk-kpi-label-font-family: var(--bk-font-micro-family); --bk-kpi-label-font-size: var(--bk-font-micro-size); --bk-kpi-label-font-weight: var(--bk-font-micro-weight); --bk-kpi-label-font-line-height: var(--bk-font-micro-line-height); --bk-kpi-label-font-tracking: var(--bk-font-micro-tracking); --bk-segmented-height: 44px; --bk-segmented-padding: 3px; --bk-segmented-gap: 2px; --bk-segmented-radius: var(--bk-radius-pill); --bk-segmented-font: var(--bk-font-label); --bk-segmented-font-family: var(--bk-font-label-family); --bk-segmented-font-size: var(--bk-font-label-size); --bk-segmented-font-weight: var(--bk-font-label-weight); --bk-segmented-font-line-height: var(--bk-font-label-line-height); --bk-segmented-font-tracking: var(--bk-font-label-tracking); --bk-toggle-width: 34px; --bk-toggle-height: 20px; --bk-toggle-knob-size: 16px; --bk-toggle-knob-inset: 2px; --bk-toggle-duration: var(--bk-duration-state); --bk-checkbox-size: 20px; --bk-checkbox-radius: var(--bk-radius-xs); --bk-checkbox-label-font: 400 14px/1.4 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-checkbox-label-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-checkbox-label-font-size: 14px; --bk-checkbox-label-font-weight: 400; --bk-checkbox-label-font-line-height: 1.4; --bk-checkbox-label-font-tracking: 0em; --bk-radio-size: 20px; --bk-radio-dot-inset: 6px; --bk-slider-handle-size: 18px; --bk-slider-track-height: 4px; --bk-progress-segment-height: 4px; --bk-progress-gap: var(--bk-space-1); --bk-progress-radius: 2px; --bk-photo-tile-size: 64px; --bk-photo-tile-radius: var(--bk-radius-control); --bk-header-height: var(--bk-touch-target); --bk-header-title-font: var(--bk-font-subhead); --bk-header-title-font-family: var(--bk-font-subhead-family); --bk-header-title-font-size: var(--bk-font-subhead-size); --bk-header-title-font-weight: var(--bk-font-subhead-weight); --bk-header-title-font-line-height: var(--bk-font-subhead-line-height); --bk-header-title-font-tracking: var(--bk-font-subhead-tracking); --bk-header-large-title-font: var(--bk-font-h3); --bk-header-large-title-font-family: var(--bk-font-h3-family); --bk-header-large-title-font-size: var(--bk-font-h3-size); --bk-header-large-title-font-weight: var(--bk-font-h3-weight); --bk-header-large-title-font-line-height: var(--bk-font-h3-line-height); --bk-header-large-title-font-tracking: var(--bk-font-h3-tracking); --bk-tabbar-tabs: 4; --bk-tabbar-height: 56px; --bk-tabbar-padding-top: var(--bk-space-2); --bk-tabbar-gap: var(--bk-space-1); --bk-tabbar-icon-size: var(--bk-icon-size-24); --bk-tabbar-label-font: var(--bk-font-micro); --bk-tabbar-label-font-family: var(--bk-font-micro-family); --bk-tabbar-label-font-size: var(--bk-font-micro-size); --bk-tabbar-label-font-weight: var(--bk-font-micro-weight); --bk-tabbar-label-font-line-height: var(--bk-font-micro-line-height); --bk-tabbar-label-font-tracking: var(--bk-font-micro-tracking); --bk-rail-width: var(--bk-layout-rail); --bk-rail-item-size: 38px; --bk-rail-item-radius: var(--bk-radius-sm); --bk-rail-icon-size: var(--bk-icon-size-20); --bk-rail-item-width: 72px; --bk-rail-item-padding-y: 10px; --bk-rail-item-gap: var(--bk-space-1); --bk-rail-label-font: 600 12px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-rail-label-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-rail-label-font-size: 12px; --bk-rail-label-font-weight: 600; --bk-rail-label-font-line-height: 1.3; --bk-rail-label-font-tracking: 0em; --bk-shell-sidebar-width: var(--bk-layout-sidebar); --bk-shell-sidebar-padding-x: var(--bk-space-4); --bk-shell-sidebar-padding-y: var(--bk-space-5); --bk-shell-sidebar-gap: var(--bk-space-5); --bk-shell-nav-gap: var(--bk-space-1); --bk-shell-nav-item-height: 46px; --bk-shell-nav-item-padding-x: var(--bk-space-3); --bk-shell-nav-item-gap: var(--bk-space-3); --bk-shell-nav-item-radius: var(--bk-radius-md); --bk-shell-nav-item-font: 500 15px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-shell-nav-item-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-shell-nav-item-font-size: 15px; --bk-shell-nav-item-font-weight: 500; --bk-shell-nav-item-font-line-height: 1.3; --bk-shell-nav-item-font-tracking: 0em; --bk-shell-count-size: 22px; --bk-shell-count-padding-x: 6px; --bk-shell-count-font: 700 12px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-shell-count-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-shell-count-font-size: 12px; --bk-shell-count-font-weight: 700; --bk-shell-count-font-line-height: 1.3; --bk-shell-count-font-tracking: 0em; --bk-shell-account-padding: var(--bk-space-3); --bk-shell-account-radius: var(--bk-radius-lg); --bk-shell-avatar-size: 40px; --bk-shell-topbar-height: var(--bk-layout-topbar); --bk-shell-topbar-height-compact: var(--bk-layout-topbar-compact); --bk-shell-topbar-gap: var(--bk-space-4); --bk-shell-search-height: var(--bk-touch-target); --bk-shell-search-max-width: 560px; --bk-shell-search-padding-x: var(--bk-space-4); --bk-shell-search-radius: var(--bk-radius-md); --bk-shell-kbd-font: 600 12px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-shell-kbd-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-shell-kbd-font-size: 12px; --bk-shell-kbd-font-weight: 600; --bk-shell-kbd-font-line-height: 1.3; --bk-shell-kbd-font-tracking: 0em; --bk-shell-content-padding-phone: var(--bk-layout-padding-phone); --bk-shell-content-padding-tablet: var(--bk-layout-padding-tablet); --bk-shell-content-padding-desktop: var(--bk-layout-padding-desktop); --bk-shell-content-gap: 28px; --bk-shell-content-max: var(--bk-layout-container-max); --bk-shell-columns: var(--bk-layout-columns); --bk-shell-aside-width: var(--bk-layout-aside); --bk-shell-aside-width-min: var(--bk-layout-aside-min); --bk-shell-aside-padding-x: var(--bk-space-5); --bk-shell-aside-padding-y: 28px; --bk-shell-list-pane-width: var(--bk-layout-list-pane); --bk-shell-split-gap: var(--bk-space-5); --bk-shell-touch: var(--bk-touch-target); --bk-shell-touch-receive: var(--bk-touch-target-receive); --bk-shell-tabbar-tabs: var(--bk-tabbar-tabs); --bk-status-chip-height: 26px; --bk-status-chip-padding-start: 9px; --bk-status-chip-padding-end: 11px; --bk-status-chip-gap: 6px; --bk-status-chip-dot-size: 8px; --bk-status-chip-radius: var(--bk-radius-pill); --bk-status-chip-font: 600 12.5px/1.3 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-status-chip-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-status-chip-font-size: 12.5px; --bk-status-chip-font-weight: 600; --bk-status-chip-font-line-height: 1.3; --bk-status-chip-font-tracking: 0em; --bk-sheet-radius: var(--bk-radius-lg); --bk-sheet-max-height-ratio: 0.85; --bk-sheet-padding-x: 14px; --bk-sheet-padding-top: var(--bk-space-2); --bk-sheet-padding-bottom: 14px; --bk-sheet-grabber-width: 36px; --bk-sheet-grabber-height: 4px; --bk-sheet-duration: var(--bk-duration-sheet); --bk-sheet-easing: var(--bk-ease-spring); --bk-dialog-radius: var(--bk-radius-lg); --bk-dialog-padding: var(--bk-space-5); --bk-dialog-title-font: var(--bk-font-subhead); --bk-dialog-title-font-family: var(--bk-font-subhead-family); --bk-dialog-title-font-size: var(--bk-font-subhead-size); --bk-dialog-title-font-weight: var(--bk-font-subhead-weight); --bk-dialog-title-font-line-height: var(--bk-font-subhead-line-height); --bk-dialog-title-font-tracking: var(--bk-font-subhead-tracking); --bk-dialog-body-font: var(--bk-font-body-sm); --bk-dialog-body-font-family: var(--bk-font-body-sm-family); --bk-dialog-body-font-size: var(--bk-font-body-sm-size); --bk-dialog-body-font-weight: var(--bk-font-body-sm-weight); --bk-dialog-body-font-line-height: var(--bk-font-body-sm-line-height); --bk-dialog-body-font-tracking: var(--bk-font-body-sm-tracking); --bk-toast-radius: var(--bk-radius-md); --bk-toast-padding-y: var(--bk-space-3); --bk-toast-padding-x: 14px; --bk-toast-gap: var(--bk-space-3); --bk-toast-icon-size: var(--bk-icon-size-20); --bk-toast-font: 400 14px/1.4 Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-toast-font-family: Onest, "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --bk-toast-font-size: 14px; --bk-toast-font-weight: 400; --bk-toast-font-line-height: 1.4; --bk-toast-font-tracking: 0em; --bk-toast-hold: 4000ms; --bk-banner-radius: var(--bk-radius-control); --bk-banner-padding-y: 10px; --bk-banner-padding-x: var(--bk-space-3); --bk-banner-icon-size: var(--bk-icon-size-16); --bk-banner-font: var(--bk-font-caption); --bk-banner-font-family: var(--bk-font-caption-family); --bk-banner-font-size: var(--bk-font-caption-size); --bk-banner-font-weight: var(--bk-font-caption-weight); --bk-banner-font-line-height: var(--bk-font-caption-line-height); --bk-banner-font-tracking: var(--bk-font-caption-tracking); --bk-empty-state-icon-size: var(--bk-icon-size-32); --bk-empty-state-padding: 22px; --bk-empty-state-radius: var(--bk-radius-md); --bk-countdown-font: var(--bk-font-num-lg); --bk-countdown-font-family: var(--bk-font-num-lg-family); --bk-countdown-font-size: var(--bk-font-num-lg-size); --bk-countdown-font-weight: var(--bk-font-num-lg-weight); --bk-countdown-font-line-height: var(--bk-font-num-lg-line-height); --bk-countdown-font-tracking: var(--bk-font-num-lg-tracking); --bk-countdown-font-numeric: var(--bk-font-num-lg-numeric); --bk-countdown-warn-at: 300; --bk-countdown-err-at: 60; --bk-status-ring-size-table: var(--bk-icon-size-16); --bk-status-ring-size-badge: 18px; --bk-status-ring-size-toast: var(--bk-icon-size-20); --bk-status-ring-size-hero: 72px; --bk-skeleton-radius: var(--bk-radius-xs); --bk-skeleton-duration: var(--bk-duration-shimmer); --bk-skeleton-easing: var(--bk-ease-linear); --bk-app-icon-radius-ratio: 0.225; --bk-batch-label-width-mm: 58; --bk-batch-label-height-mm: 40; --bk-batch-label-radius: var(--bk-radius-xs); } /* Tokens that read theme colours. Re-declared on .th-light / .th-dark so a forced subtree recomputes them. */ :root, .th-light, .th-dark { --bk-border-default: 1px solid var(--bk-color-line); --bk-ring-default: inset 0 0 0 1px var(--bk-color-line); --bk-border-strong: 1px solid var(--bk-color-line-2); --bk-ring-strong: inset 0 0 0 1px var(--bk-color-line-2); --bk-border-control: 1.5px solid var(--bk-color-line-input); --bk-ring-control: inset 0 0 0 1.5px var(--bk-color-line-input); --bk-border-selected: 1.5px solid var(--bk-color-fg); --bk-ring-selected: inset 0 0 0 1.5px var(--bk-color-fg); --bk-border-chosen: 2px solid var(--bk-color-fg); --bk-ring-chosen: inset 0 0 0 2px var(--bk-color-fg); --bk-border-error: 1.5px solid var(--bk-color-err-fg); --bk-ring-error: inset 0 0 0 1.5px var(--bk-color-err-fg); --bk-border-brand: 1.5px solid var(--bk-color-brand); --bk-ring-brand: inset 0 0 0 1.5px var(--bk-color-brand); --bk-border-drop: 1.5px dashed var(--bk-color-line-2); --bk-focus-ring: 2px solid var(--bk-color-focus); --bk-button-cta-bg: var(--bk-color-brand); --bk-button-cta-bg-pressed: var(--bk-color-brand-pressed); --bk-button-cta-fg: var(--bk-color-on-brand); --bk-button-primary-bg: var(--bk-color-fg); --bk-button-primary-fg: var(--bk-color-bg); --bk-button-secondary-bg: var(--bk-color-surface); --bk-button-secondary-fg: var(--bk-color-fg); --bk-button-secondary-border: var(--bk-border-strong); --bk-button-secondary-ring: var(--bk-ring-strong); --bk-button-ghost-bg: var(--bk-color-transparent); --bk-button-ghost-fg: var(--bk-color-fg-2); --bk-button-disabled-bg: var(--bk-color-surface-2); --bk-button-disabled-fg: var(--bk-color-fg-3); --bk-icon-button-bg: var(--bk-color-surface-2); --bk-icon-button-bg-hover: var(--bk-color-line); --bk-icon-button-fg: var(--bk-color-fg); --bk-icon-button-glass-bg: var(--bk-color-glass); --bk-icon-button-glass-fg: var(--bk-color-on-glass); --bk-fab-bg: var(--bk-color-brand); --bk-fab-fg: var(--bk-color-on-brand); --bk-fab-shadow: var(--bk-shadow-2); --bk-input-bg: var(--bk-color-surface-2); --bk-input-bg-focus: var(--bk-color-surface); --bk-input-fg: var(--bk-color-fg); --bk-input-placeholder: var(--bk-color-fg-3); --bk-input-border-focus: var(--bk-border-selected); --bk-input-ring-focus: var(--bk-ring-selected); --bk-input-border-error: var(--bk-border-error); --bk-input-ring-error: var(--bk-ring-error); --bk-input-hint-fg: var(--bk-color-fg-3); --bk-input-error-fg: var(--bk-color-err-fg); --bk-chip-bg: var(--bk-color-surface-2); --bk-chip-fg: var(--bk-color-fg); --bk-chip-bg-selected: var(--bk-color-fg); --bk-chip-fg-selected: var(--bk-color-bg); --bk-badge-bg: var(--bk-color-surface-2); --bk-badge-fg: var(--bk-color-fg); --bk-card-bg: var(--bk-color-surface); --bk-card-border: var(--bk-border-default); --bk-card-ring: var(--bk-ring-default); --bk-card-border-selected: var(--bk-border-selected); --bk-card-ring-selected: var(--bk-ring-selected); --bk-card-border-chosen: var(--bk-border-chosen); --bk-card-ring-chosen: var(--bk-ring-chosen); --bk-card-border-highlight: var(--bk-border-brand); --bk-card-ring-highlight: var(--bk-ring-brand); --bk-card-shadow-floating: var(--bk-shadow-2); --bk-lot-row-tile-bg: var(--bk-color-surface-2); --bk-lot-row-meta-fg: var(--bk-color-fg-3); --bk-haccp-dot-ring: var(--bk-color-surface); --bk-list-row-bg: var(--bk-color-surface); --bk-list-row-border: var(--bk-border-default); --bk-list-row-ring: var(--bk-ring-default); --bk-list-row-border-selected: var(--bk-border-selected); --bk-list-row-ring-selected: var(--bk-ring-selected); --bk-list-row-chevron: var(--bk-color-fg-3); --bk-table-header-fg: var(--bk-color-fg-3); --bk-table-bg: var(--bk-color-surface); --bk-table-row-divider: var(--bk-color-line); --bk-table-row-warn-bg: var(--bk-color-warn-bg); --bk-table-header-bg: var(--bk-color-surface-2); --bk-table-row-hover-bg: var(--bk-color-bg); --bk-table-row-selected-bg: var(--bk-color-surface-2); --bk-table-row-selected-ring: var(--bk-color-fg); --bk-kpi-label-fg: var(--bk-color-fg-3); --bk-kpi-bg: var(--bk-color-surface); --bk-kpi-border: var(--bk-border-default); --bk-kpi-ring: var(--bk-ring-default); --bk-kpi-border-attention: var(--bk-border-brand); --bk-kpi-ring-attention: var(--bk-ring-brand); --bk-segmented-bg: var(--bk-color-surface-2); --bk-segmented-fg: var(--bk-color-fg-2); --bk-segmented-bg-selected: var(--bk-color-surface); --bk-segmented-fg-selected: var(--bk-color-fg); --bk-segmented-shadow-selected: var(--bk-shadow-1); --bk-toggle-track-off: var(--bk-color-line-2); --bk-toggle-track-on: var(--bk-color-brand); --bk-toggle-knob: var(--bk-color-surface); --bk-toggle-knob-shadow: var(--bk-shadow-1); --bk-checkbox-border: var(--bk-border-control); --bk-checkbox-ring: var(--bk-ring-control); --bk-checkbox-bg-checked: var(--bk-color-fg); --bk-checkbox-mark: var(--bk-color-bg); --bk-radio-border: var(--bk-border-control); --bk-radio-ring: var(--bk-ring-control); --bk-radio-checked: var(--bk-color-fg); --bk-slider-track: var(--bk-color-line-2); --bk-slider-fill: var(--bk-color-fg); --bk-slider-handle: var(--bk-color-surface); --bk-progress-done: var(--bk-color-fg); --bk-progress-current: var(--bk-color-brand); --bk-progress-todo: var(--bk-color-line-2); --bk-photo-tile-border-add: var(--bk-border-drop); --bk-photo-tile-border-error: 2px solid var(--bk-color-err-fg); --bk-photo-tile-ring-error: inset 0 0 0 2px var(--bk-color-err-fg); --bk-tabbar-bg: var(--bk-color-surface); --bk-tabbar-divider: var(--bk-color-line); --bk-tabbar-fg: var(--bk-color-fg-3); --bk-tabbar-fg-active: var(--bk-color-fg); --bk-tabbar-accent-active: var(--bk-color-brand); --bk-rail-bg: var(--bk-color-surface); --bk-rail-fg: var(--bk-color-fg-3); --bk-rail-fg-active: var(--bk-color-fg); --bk-rail-bg-active: var(--bk-color-surface-2); --bk-rail-counter-bg: var(--bk-color-brand); --bk-rail-counter-fg: var(--bk-color-on-brand); --bk-shell-bg: var(--bk-color-bg); --bk-shell-divider: var(--bk-color-line); --bk-shell-sidebar-bg: var(--bk-color-surface-2); --bk-shell-nav-item-fg: var(--bk-color-fg-2); --bk-shell-nav-item-fg-active: var(--bk-color-fg); --bk-shell-nav-item-bg-hover: var(--bk-color-line); --bk-shell-nav-item-bg-active: var(--bk-color-surface); --bk-shell-nav-item-ring-active: var(--bk-color-line); --bk-shell-count-bg: var(--bk-color-brand); --bk-shell-count-fg: var(--bk-color-on-brand); --bk-shell-account-bg: var(--bk-color-surface); --bk-shell-search-bg: var(--bk-color-surface); --bk-shell-search-ring: var(--bk-color-line-2); --bk-shell-kbd-bg: var(--bk-color-surface-2); --bk-shell-kbd-fg: var(--bk-color-fg-2); --bk-shell-aside-bg: var(--bk-color-surface); --bk-status-chip-bg: var(--bk-color-surface-2); --bk-status-chip-fg: var(--bk-color-fg); --bk-status-chip-dot: var(--bk-color-fg-3); --bk-sheet-grabber: var(--bk-color-line-2); --bk-sheet-bg: var(--bk-color-surface); --bk-sheet-overlay: var(--bk-color-overlay); --bk-dialog-bg: var(--bk-color-surface); --bk-dialog-overlay: var(--bk-color-overlay); --bk-dialog-shadow: var(--bk-shadow-2); --bk-toast-bg: var(--bk-color-inverse-bg); --bk-toast-fg: var(--bk-color-inverse-fg); --bk-banner-info-bg: var(--bk-color-info-bg); --bk-banner-info-fg: var(--bk-color-info-fg); --bk-banner-info-icon: var(--bk-color-fg); --bk-banner-ok-bg: var(--bk-color-ok-bg); --bk-banner-ok-fg: var(--bk-color-ok-fg); --bk-banner-warn-bg: var(--bk-color-warn-bg); --bk-banner-warn-fg: var(--bk-color-warn-fg); --bk-banner-err-bg: var(--bk-color-err-bg); --bk-banner-err-fg: var(--bk-color-err-fg); --bk-empty-state-bg: var(--bk-color-surface-2); --bk-status-ring-ink: var(--bk-color-fg); --bk-status-ring-accent: var(--bk-color-brand); --bk-skeleton-base: var(--bk-color-surface-2); --bk-skeleton-highlight: var(--bk-color-line); --bk-batch-label-bg: var(--bk-color-brand); --bk-batch-label-fg: var(--bk-color-on-brand); } /* light theme */ :root { --bk-color-bg: #FBF8F6; --bk-color-surface: #FFFFFF; --bk-color-surface-2: #F4EFEC; --bk-color-line: #E8E2DF; --bk-color-line-2: #D6CFCC; --bk-color-line-input: #8C8586; --bk-color-fg: #161314; --bk-color-fg-2: #57514F; --bk-color-fg-3: #716A6B; --bk-color-brand: #FF6E7F; --bk-color-brand-pressed: #E5566A; --bk-color-brand-subtle: #FFE3E6; --bk-color-on-brand: #161314; --bk-color-brand-text: #C8344B; --bk-color-focus: #161314; --bk-color-inverse-bg: #161314; --bk-color-inverse-fg: #FBF8F6; --bk-color-ok-fg: #23793D; --bk-color-ok-bg: #E6F4EA; --bk-color-warn-fg: #8A6A00; --bk-color-warn-bg: #FDF5DA; --bk-color-err-fg: #B32A21; --bk-color-err-bg: #FBE7E5; --bk-color-info-fg: #57514F; --bk-color-info-bg: #F4EFEC; --bk-color-overlay: rgba(14, 12, 13, 0.42); --bk-color-glass: rgba(14, 12, 13, 0.55); --bk-color-on-glass: #FFF6F2; --bk-color-wall: #E9E3DF; --bk-color-transparent: rgba(0, 0, 0, 0); --bk-color-logo-ink: #161314; --bk-color-logo-nie: #F04A61; --bk-color-logo-on-brand: #161314; --bk-color-cat-fish: #1F6FD1; --bk-color-cat-meat: #D8352A; --bk-color-cat-veg: #2E9E4F; --bk-color-cat-poultry: #E3B21A; --bk-color-cat-dairy: #FFFFFF; --bk-color-cat-dairy-ring: #716A6B; --bk-color-cat-ready: #7A4E2D; --bk-color-goods-ryby-tile: #E3EEF8; --bk-color-goods-ryby-shape: #2F6FB0; --bk-color-goods-ryby-ink: #1E4E80; --bk-color-goods-morze-tile: #FCE8E2; --bk-color-goods-morze-shape: #E8735A; --bk-color-goods-morze-ink: #A9442F; --bk-color-goods-mieso-tile: #F7E1DF; --bk-color-goods-mieso-shape: #B83A3A; --bk-color-goods-mieso-ink: #7E2424; --bk-color-goods-drob-tile: #FBF0D2; --bk-color-goods-drob-shape: #D9A21B; --bk-color-goods-drob-ink: #8E6A0D; --bk-color-goods-warzywa-tile: #E2F1E4; --bk-color-goods-warzywa-shape: #3E8E4F; --bk-color-goods-warzywa-ink: #2A6236; --bk-color-goods-owoce-tile: #FCE7DA; --bk-color-goods-owoce-shape: #E56A2C; --bk-color-goods-owoce-ink: #9E4517; --bk-color-goods-nabial-tile: #E9F0F7; --bk-color-goods-nabial-shape: #6C9BC7; --bk-color-goods-nabial-ink: #3F6A93; --bk-color-goods-pieczywo-tile: #F6EAD9; --bk-color-goods-pieczywo-shape: #B9772F; --bk-color-goods-pieczywo-ink: #7C4E1D; --bk-color-goods-suche-tile: #F3EDE1; --bk-color-goods-suche-shape: #B49A6A; --bk-color-goods-suche-ink: #6E5C3A; --bk-color-goods-napoje-tile: #DDF2F1; --bk-color-goods-napoje-shape: #1F9C9A; --bk-color-goods-napoje-ink: #14605F; --bk-color-goods-kawa-tile: #EFE5DD; --bk-color-goods-kawa-shape: #6E4A33; --bk-color-goods-kawa-ink: #4A3122; --bk-color-goods-chemia-tile: #ECE8F7; --bk-color-goods-chemia-shape: #7D6BC2; --bk-color-goods-chemia-ink: #4F428A; --bk-color-goods-opak-tile: #EEE7DD; --bk-color-goods-opak-shape: #9C8466; --bk-color-goods-opak-ink: #5F503E; --bk-shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.12); --bk-shadow-2: 0px 1px 0px 0px rgba(22, 19, 20, 0.04), 0px 8px 24px 0px rgba(22, 19, 20, 0.06); color-scheme: light; } /* dark theme, from the system setting */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bk-color-bg: #0E0C0D; --bk-color-surface: #171415; --bk-color-surface-2: #1F1B1C; --bk-color-line: #2A2526; --bk-color-line-2: #3A3435; --bk-color-line-input: #8E8786; --bk-color-fg: #F5F0EE; --bk-color-fg-2: #ADA6A4; --bk-color-fg-3: #8E8786; --bk-color-brand: #FF6E7F; --bk-color-brand-pressed: #E5566A; --bk-color-brand-subtle: #3A1D22; --bk-color-on-brand: #161314; --bk-color-brand-text: #FF8A98; --bk-color-focus: #FF6E7F; --bk-color-inverse-bg: #F5F0EE; --bk-color-inverse-fg: #0E0C0D; --bk-color-ok-fg: #4CC27A; --bk-color-ok-bg: #132A1B; --bk-color-warn-fg: #E2B53A; --bk-color-warn-bg: #2B2410; --bk-color-err-fg: #FF7A6E; --bk-color-err-bg: #33171A; --bk-color-info-fg: #ADA6A4; --bk-color-info-bg: #1F1B1C; --bk-color-overlay: rgba(14, 12, 13, 0.42); --bk-color-glass: rgba(14, 12, 13, 0.55); --bk-color-on-glass: #FFF6F2; --bk-color-wall: #1B1819; --bk-color-transparent: rgba(0, 0, 0, 0); --bk-color-logo-ink: #F5F0EE; --bk-color-logo-nie: #FF6E7F; --bk-color-logo-on-brand: #161314; --bk-color-cat-fish: #5B9BF0; --bk-color-cat-meat: #F0675D; --bk-color-cat-veg: #52C176; --bk-color-cat-poultry: #F2C230; --bk-color-cat-dairy: #F5F0EE; --bk-color-cat-dairy-ring: #8E8786; --bk-color-cat-ready: #C08A5E; --bk-color-goods-ryby-tile: #1C2837; --bk-color-goods-ryby-shape: #2F6FB0; --bk-color-goods-ryby-ink: #2F6FB0; --bk-color-goods-morze-tile: #452924; --bk-color-goods-morze-shape: #E8735A; --bk-color-goods-morze-ink: #E8735A; --bk-color-goods-mieso-tile: #3A1C1D; --bk-color-goods-mieso-shape: #B83A3A; --bk-color-goods-mieso-ink: #B83A3A; --bk-color-goods-drob-tile: #423316; --bk-color-goods-drob-shape: #D9A21B; --bk-color-goods-drob-ink: #D9A21B; --bk-color-goods-warzywa-tile: #202F22; --bk-color-goods-warzywa-shape: #3E8E4F; --bk-color-goods-warzywa-ink: #3E8E4F; --bk-color-goods-owoce-tile: #44271A; --bk-color-goods-owoce-shape: #E56A2C; --bk-color-goods-owoce-ink: #E56A2C; --bk-color-goods-nabial-tile: #2A323C; --bk-color-goods-nabial-shape: #6C9BC7; --bk-color-goods-nabial-ink: #6C9BC7; --bk-color-goods-pieczywo-tile: #3B2A1B; --bk-color-goods-pieczywo-shape: #B9772F; --bk-color-goods-pieczywo-ink: #B9772F; --bk-color-goods-suche-tile: #3A3128; --bk-color-goods-suche-shape: #B49A6A; --bk-color-goods-suche-ink: #B49A6A; --bk-color-goods-napoje-tile: #193232; --bk-color-goods-napoje-shape: #1F9C9A; --bk-color-goods-napoje-ink: #1F9C9A; --bk-color-goods-kawa-tile: #2A201C; --bk-color-goods-kawa-shape: #6E4A33; --bk-color-goods-kawa-ink: #6E4A33; --bk-color-goods-chemia-tile: #2D273B; --bk-color-goods-chemia-shape: #7D6BC2; --bk-color-goods-chemia-ink: #7D6BC2; --bk-color-goods-opak-tile: #342D27; --bk-color-goods-opak-shape: #9C8466; --bk-color-goods-opak-ink: #9C8466; --bk-shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.12); --bk-shadow-2: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), 0px 10px 30px 0px rgba(0, 0, 0, 0.35); color-scheme: dark; } } /* dark theme, forced */ :root[data-theme="dark"] { --bk-color-bg: #0E0C0D; --bk-color-surface: #171415; --bk-color-surface-2: #1F1B1C; --bk-color-line: #2A2526; --bk-color-line-2: #3A3435; --bk-color-line-input: #8E8786; --bk-color-fg: #F5F0EE; --bk-color-fg-2: #ADA6A4; --bk-color-fg-3: #8E8786; --bk-color-brand: #FF6E7F; --bk-color-brand-pressed: #E5566A; --bk-color-brand-subtle: #3A1D22; --bk-color-on-brand: #161314; --bk-color-brand-text: #FF8A98; --bk-color-focus: #FF6E7F; --bk-color-inverse-bg: #F5F0EE; --bk-color-inverse-fg: #0E0C0D; --bk-color-ok-fg: #4CC27A; --bk-color-ok-bg: #132A1B; --bk-color-warn-fg: #E2B53A; --bk-color-warn-bg: #2B2410; --bk-color-err-fg: #FF7A6E; --bk-color-err-bg: #33171A; --bk-color-info-fg: #ADA6A4; --bk-color-info-bg: #1F1B1C; --bk-color-overlay: rgba(14, 12, 13, 0.42); --bk-color-glass: rgba(14, 12, 13, 0.55); --bk-color-on-glass: #FFF6F2; --bk-color-wall: #1B1819; --bk-color-transparent: rgba(0, 0, 0, 0); --bk-color-logo-ink: #F5F0EE; --bk-color-logo-nie: #FF6E7F; --bk-color-logo-on-brand: #161314; --bk-color-cat-fish: #5B9BF0; --bk-color-cat-meat: #F0675D; --bk-color-cat-veg: #52C176; --bk-color-cat-poultry: #F2C230; --bk-color-cat-dairy: #F5F0EE; --bk-color-cat-dairy-ring: #8E8786; --bk-color-cat-ready: #C08A5E; --bk-color-goods-ryby-tile: #1C2837; --bk-color-goods-ryby-shape: #2F6FB0; --bk-color-goods-ryby-ink: #2F6FB0; --bk-color-goods-morze-tile: #452924; --bk-color-goods-morze-shape: #E8735A; --bk-color-goods-morze-ink: #E8735A; --bk-color-goods-mieso-tile: #3A1C1D; --bk-color-goods-mieso-shape: #B83A3A; --bk-color-goods-mieso-ink: #B83A3A; --bk-color-goods-drob-tile: #423316; --bk-color-goods-drob-shape: #D9A21B; --bk-color-goods-drob-ink: #D9A21B; --bk-color-goods-warzywa-tile: #202F22; --bk-color-goods-warzywa-shape: #3E8E4F; --bk-color-goods-warzywa-ink: #3E8E4F; --bk-color-goods-owoce-tile: #44271A; --bk-color-goods-owoce-shape: #E56A2C; --bk-color-goods-owoce-ink: #E56A2C; --bk-color-goods-nabial-tile: #2A323C; --bk-color-goods-nabial-shape: #6C9BC7; --bk-color-goods-nabial-ink: #6C9BC7; --bk-color-goods-pieczywo-tile: #3B2A1B; --bk-color-goods-pieczywo-shape: #B9772F; --bk-color-goods-pieczywo-ink: #B9772F; --bk-color-goods-suche-tile: #3A3128; --bk-color-goods-suche-shape: #B49A6A; --bk-color-goods-suche-ink: #B49A6A; --bk-color-goods-napoje-tile: #193232; --bk-color-goods-napoje-shape: #1F9C9A; --bk-color-goods-napoje-ink: #1F9C9A; --bk-color-goods-kawa-tile: #2A201C; --bk-color-goods-kawa-shape: #6E4A33; --bk-color-goods-kawa-ink: #6E4A33; --bk-color-goods-chemia-tile: #2D273B; --bk-color-goods-chemia-shape: #7D6BC2; --bk-color-goods-chemia-ink: #7D6BC2; --bk-color-goods-opak-tile: #342D27; --bk-color-goods-opak-shape: #9C8466; --bk-color-goods-opak-ink: #9C8466; --bk-shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.12); --bk-shadow-2: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), 0px 10px 30px 0px rgba(0, 0, 0, 0.35); color-scheme: dark; } /* forced themes for subtrees (side-by-side specimens, the order desk in dark) */ .th-light { --bk-color-bg: #FBF8F6; --bk-color-surface: #FFFFFF; --bk-color-surface-2: #F4EFEC; --bk-color-line: #E8E2DF; --bk-color-line-2: #D6CFCC; --bk-color-line-input: #8C8586; --bk-color-fg: #161314; --bk-color-fg-2: #57514F; --bk-color-fg-3: #716A6B; --bk-color-brand: #FF6E7F; --bk-color-brand-pressed: #E5566A; --bk-color-brand-subtle: #FFE3E6; --bk-color-on-brand: #161314; --bk-color-brand-text: #C8344B; --bk-color-focus: #161314; --bk-color-inverse-bg: #161314; --bk-color-inverse-fg: #FBF8F6; --bk-color-ok-fg: #23793D; --bk-color-ok-bg: #E6F4EA; --bk-color-warn-fg: #8A6A00; --bk-color-warn-bg: #FDF5DA; --bk-color-err-fg: #B32A21; --bk-color-err-bg: #FBE7E5; --bk-color-info-fg: #57514F; --bk-color-info-bg: #F4EFEC; --bk-color-overlay: rgba(14, 12, 13, 0.42); --bk-color-glass: rgba(14, 12, 13, 0.55); --bk-color-on-glass: #FFF6F2; --bk-color-wall: #E9E3DF; --bk-color-transparent: rgba(0, 0, 0, 0); --bk-color-logo-ink: #161314; --bk-color-logo-nie: #F04A61; --bk-color-logo-on-brand: #161314; --bk-color-cat-fish: #1F6FD1; --bk-color-cat-meat: #D8352A; --bk-color-cat-veg: #2E9E4F; --bk-color-cat-poultry: #E3B21A; --bk-color-cat-dairy: #FFFFFF; --bk-color-cat-dairy-ring: #716A6B; --bk-color-cat-ready: #7A4E2D; --bk-color-goods-ryby-tile: #E3EEF8; --bk-color-goods-ryby-shape: #2F6FB0; --bk-color-goods-ryby-ink: #1E4E80; --bk-color-goods-morze-tile: #FCE8E2; --bk-color-goods-morze-shape: #E8735A; --bk-color-goods-morze-ink: #A9442F; --bk-color-goods-mieso-tile: #F7E1DF; --bk-color-goods-mieso-shape: #B83A3A; --bk-color-goods-mieso-ink: #7E2424; --bk-color-goods-drob-tile: #FBF0D2; --bk-color-goods-drob-shape: #D9A21B; --bk-color-goods-drob-ink: #8E6A0D; --bk-color-goods-warzywa-tile: #E2F1E4; --bk-color-goods-warzywa-shape: #3E8E4F; --bk-color-goods-warzywa-ink: #2A6236; --bk-color-goods-owoce-tile: #FCE7DA; --bk-color-goods-owoce-shape: #E56A2C; --bk-color-goods-owoce-ink: #9E4517; --bk-color-goods-nabial-tile: #E9F0F7; --bk-color-goods-nabial-shape: #6C9BC7; --bk-color-goods-nabial-ink: #3F6A93; --bk-color-goods-pieczywo-tile: #F6EAD9; --bk-color-goods-pieczywo-shape: #B9772F; --bk-color-goods-pieczywo-ink: #7C4E1D; --bk-color-goods-suche-tile: #F3EDE1; --bk-color-goods-suche-shape: #B49A6A; --bk-color-goods-suche-ink: #6E5C3A; --bk-color-goods-napoje-tile: #DDF2F1; --bk-color-goods-napoje-shape: #1F9C9A; --bk-color-goods-napoje-ink: #14605F; --bk-color-goods-kawa-tile: #EFE5DD; --bk-color-goods-kawa-shape: #6E4A33; --bk-color-goods-kawa-ink: #4A3122; --bk-color-goods-chemia-tile: #ECE8F7; --bk-color-goods-chemia-shape: #7D6BC2; --bk-color-goods-chemia-ink: #4F428A; --bk-color-goods-opak-tile: #EEE7DD; --bk-color-goods-opak-shape: #9C8466; --bk-color-goods-opak-ink: #5F503E; --bk-shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.12); --bk-shadow-2: 0px 1px 0px 0px rgba(22, 19, 20, 0.04), 0px 8px 24px 0px rgba(22, 19, 20, 0.06); color-scheme: light; } .th-dark { --bk-color-bg: #0E0C0D; --bk-color-surface: #171415; --bk-color-surface-2: #1F1B1C; --bk-color-line: #2A2526; --bk-color-line-2: #3A3435; --bk-color-line-input: #8E8786; --bk-color-fg: #F5F0EE; --bk-color-fg-2: #ADA6A4; --bk-color-fg-3: #8E8786; --bk-color-brand: #FF6E7F; --bk-color-brand-pressed: #E5566A; --bk-color-brand-subtle: #3A1D22; --bk-color-on-brand: #161314; --bk-color-brand-text: #FF8A98; --bk-color-focus: #FF6E7F; --bk-color-inverse-bg: #F5F0EE; --bk-color-inverse-fg: #0E0C0D; --bk-color-ok-fg: #4CC27A; --bk-color-ok-bg: #132A1B; --bk-color-warn-fg: #E2B53A; --bk-color-warn-bg: #2B2410; --bk-color-err-fg: #FF7A6E; --bk-color-err-bg: #33171A; --bk-color-info-fg: #ADA6A4; --bk-color-info-bg: #1F1B1C; --bk-color-overlay: rgba(14, 12, 13, 0.42); --bk-color-glass: rgba(14, 12, 13, 0.55); --bk-color-on-glass: #FFF6F2; --bk-color-wall: #1B1819; --bk-color-transparent: rgba(0, 0, 0, 0); --bk-color-logo-ink: #F5F0EE; --bk-color-logo-nie: #FF6E7F; --bk-color-logo-on-brand: #161314; --bk-color-cat-fish: #5B9BF0; --bk-color-cat-meat: #F0675D; --bk-color-cat-veg: #52C176; --bk-color-cat-poultry: #F2C230; --bk-color-cat-dairy: #F5F0EE; --bk-color-cat-dairy-ring: #8E8786; --bk-color-cat-ready: #C08A5E; --bk-color-goods-ryby-tile: #1C2837; --bk-color-goods-ryby-shape: #2F6FB0; --bk-color-goods-ryby-ink: #2F6FB0; --bk-color-goods-morze-tile: #452924; --bk-color-goods-morze-shape: #E8735A; --bk-color-goods-morze-ink: #E8735A; --bk-color-goods-mieso-tile: #3A1C1D; --bk-color-goods-mieso-shape: #B83A3A; --bk-color-goods-mieso-ink: #B83A3A; --bk-color-goods-drob-tile: #423316; --bk-color-goods-drob-shape: #D9A21B; --bk-color-goods-drob-ink: #D9A21B; --bk-color-goods-warzywa-tile: #202F22; --bk-color-goods-warzywa-shape: #3E8E4F; --bk-color-goods-warzywa-ink: #3E8E4F; --bk-color-goods-owoce-tile: #44271A; --bk-color-goods-owoce-shape: #E56A2C; --bk-color-goods-owoce-ink: #E56A2C; --bk-color-goods-nabial-tile: #2A323C; --bk-color-goods-nabial-shape: #6C9BC7; --bk-color-goods-nabial-ink: #6C9BC7; --bk-color-goods-pieczywo-tile: #3B2A1B; --bk-color-goods-pieczywo-shape: #B9772F; --bk-color-goods-pieczywo-ink: #B9772F; --bk-color-goods-suche-tile: #3A3128; --bk-color-goods-suche-shape: #B49A6A; --bk-color-goods-suche-ink: #B49A6A; --bk-color-goods-napoje-tile: #193232; --bk-color-goods-napoje-shape: #1F9C9A; --bk-color-goods-napoje-ink: #1F9C9A; --bk-color-goods-kawa-tile: #2A201C; --bk-color-goods-kawa-shape: #6E4A33; --bk-color-goods-kawa-ink: #6E4A33; --bk-color-goods-chemia-tile: #2D273B; --bk-color-goods-chemia-shape: #7D6BC2; --bk-color-goods-chemia-ink: #7D6BC2; --bk-color-goods-opak-tile: #342D27; --bk-color-goods-opak-shape: #9C8466; --bk-color-goods-opak-ink: #9C8466; --bk-shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.12); --bk-shadow-2: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), 0px 10px 30px 0px rgba(0, 0, 0, 0.35); color-scheme: dark; } /* reduced motion: everything goes straight to the end state */ @media (prefers-reduced-motion: reduce) { :root { --bk-duration-tap: 0.01ms; --bk-duration-state: 0.01ms; --bk-duration-sheet: 0.01ms; --bk-duration-piece: 0.01ms; --bk-duration-logo: 0.01ms; --bk-duration-spin: 0.01ms; --bk-duration-shimmer: 0.01ms; } }