/**
 * Caster Design System — Tailwind v4 theme
 *
 * Drop into your project's main CSS file:
 *   @import "./tokens.tailwind.css";
 *
 * Tailwind utilities will then resolve through these vars
 * (e.g. `bg-brand-default`, `text-text-default`, `p-4`).
 */

@theme {
  --caster-color-blue-50: #eef1fa;
  --caster-color-blue-100: #dbe2f5;
  --caster-color-blue-200: #b6c4eb;
  --caster-color-blue-300: #7d92d6;
  --caster-color-blue-500: #1e44c4;
  --caster-color-blue-700: #0021a6;
  --caster-color-blue-800: #001580;
  --caster-color-blue-900: #0d1a4d;
  --caster-color-gold-50: #fff8e6;
  --caster-color-gold-100: #ffeac1;
  --caster-color-gold-300: #f7c25a;
  --caster-color-gold-500: #efaa22;
  --caster-color-gold-600: #d8951a;
  --caster-color-gold-700: #8b5a00;
  --caster-color-gray-0: #ffffff;
  --caster-color-gray-50: #f5f7fa;
  --caster-color-gray-150: #f4f5f7;
  --caster-color-gray-200: #ececec;
  --caster-color-gray-300: #d9d9d9;
  --caster-color-gray-400: #c0c0c0;
  --caster-color-gray-500: #757575;
  --caster-color-gray-600: #5d5d5d;
  --caster-color-gray-700: #3a3a3a;
  --caster-color-gray-800: #222222;
  --caster-color-gray-900: #131313;
  --caster-color-gray-950: #1b252d;
  --caster-color-green-50: #e6f7e6;
  --caster-color-green-100: #e6f4ea;
  --caster-color-green-300: #86efac;
  --caster-color-green-500: #00a900;
  --caster-color-green-800: #15692a;
  --caster-color-amber-50: #fff7e6;
  --caster-color-amber-75: #fff4dc;
  --caster-color-amber-300: #fde68a;
  --caster-color-amber-500: #d97706;
  --caster-color-amber-700: #92400e;
  --caster-color-red-50: #fef2f2;
  --caster-color-red-100: #fbe9eb;
  --caster-color-red-500: #c70e1d;
  --caster-color-red-600: #a80c18;
  --caster-color-red-800: #991b1b;
  --caster-color-indigo-50: #eff6ff;
  --caster-color-indigo-300: #bfdbfe;
  --caster-color-indigo-700: #1e40af;
  --caster-color-alpha-brand-10: rgba(0, 33, 166, 0.1);
  --caster-color-alpha-brand-20: rgba(0, 33, 166, 0.2);
  --caster-color-alpha-brand-04: rgba(0, 33, 166, 0.04);
  --caster-color-alpha-brand-06: rgba(0, 33, 166, 0.06);
  --caster-color-alpha-brand-08: rgba(0, 33, 166, 0.08);
  --caster-color-alpha-accent-15: rgba(239, 170, 34, 0.15);
  --caster-color-alpha-accent-18: rgba(239, 170, 34, 0.18);
  --caster-color-alpha-white-10: rgba(255, 255, 255, 0.1);
  --caster-color-alpha-white-20: rgba(255, 255, 255, 0.2);
  --caster-color-alpha-white-40: rgba(255, 255, 255, 0.4);
  --caster-color-alpha-white-50: rgba(255, 255, 255, 0.5);
  --caster-color-alpha-white-70: rgba(255, 255, 255, 0.7);
  --caster-color-alpha-white-85: rgba(255, 255, 255, 0.85);
  --caster-color-alpha-black-10: rgba(0, 0, 0, 0.1);
  --caster-color-alpha-black-12: rgba(0, 0, 0, 0.12);
  --caster-color-alpha-black-14: rgba(0, 0, 0, 0.14);
  --caster-color-alpha-black-50: rgba(0, 0, 0, 0.5);
  --caster-color-alpha-black-06: rgba(0, 0, 0, 0.06);
  --caster-color-alpha-black-08: rgba(0, 0, 0, 0.08);
  --caster-color-brand-default: #0021a6;
  --caster-color-brand-hover: #001580;
  --caster-color-brand-deep: #0d1a4d;
  --caster-color-brand-subtle: #eef1fa;
  --caster-color-accent-default: #efaa22;
  --caster-color-accent-hover: #d8951a;
  --caster-color-accent-subtle: #fff8e6;
  --caster-color-accent-deep: #8b5a00;
  --caster-color-text-default: #131313;
  --caster-color-text-secondary: #222222;
  --caster-color-text-subtle: #5d5d5d;
  --caster-color-text-muted: #757575;
  --caster-color-text-inverted: #ffffff;
  --caster-color-text-brand: #0021a6;
  --caster-color-text-accent: #efaa22;
  --caster-color-text-link: #0021a6;
  --caster-color-surface-default: #ffffff;
  --caster-color-surface-subtle: #f5f7fa;
  --caster-color-surface-muted: #ececec;
  --caster-color-surface-search: #f4f5f7;
  --caster-color-surface-dark: #1b252d;
  --caster-color-surface-inverted: #0d1a4d;
  --caster-color-border-default: #d9d9d9;
  --caster-color-border-subtle: #ececec;
  --caster-color-border-strong: #c0c0c0;
  --caster-color-border-brand: #0021a6;
  --caster-color-border-focus: rgba(0, 33, 166, 0.1);
  --caster-color-icon-default: #131313;
  --caster-color-icon-subtle: #5d5d5d;
  --caster-color-icon-muted: #d9d9d9;
  --caster-color-icon-brand: #0021a6;
  --caster-color-icon-accent: #efaa22;
  --caster-color-icon-inverted: #ffffff;
  --caster-color-feedback-success-default: #00a900;
  --caster-color-feedback-success-text: #15692a;
  --caster-color-feedback-success-surface: #e6f7e6;
  --caster-color-feedback-success-border: #86efac;
  --caster-color-feedback-warning-default: #d97706;
  --caster-color-feedback-warning-text: #92400e;
  --caster-color-feedback-warning-surface: #fff7e6;
  --caster-color-feedback-warning-border: #fde68a;
  --caster-color-feedback-error-default: #c70e1d;
  --caster-color-feedback-error-hover: #a80c18;
  --caster-color-feedback-error-text: #991b1b;
  --caster-color-feedback-error-surface: #fef2f2;
  --caster-color-feedback-error-border: #c70e1d;
  --caster-color-feedback-info-default: #1e40af;
  --caster-color-feedback-info-text: #1e40af;
  --caster-color-feedback-info-surface: #eff6ff;
  --caster-color-feedback-info-border: #bfdbfe;
  --caster-color-feedback-stock-in: #15692a;
  --caster-color-feedback-stock-in-bg: #e6f7e6;
  --caster-color-feedback-stock-low: #92400e;
  --caster-color-feedback-stock-low-bg: #fff7e6;
  --caster-color-feedback-stock-out: #991b1b;
  --caster-color-feedback-stock-out-bg: #fef2f2;
  --caster-color-feedback-stock-back: #3a3a3a;
  --caster-color-feedback-stock-back-bg: #f5f7fa;
  --caster-color-overlay-scrim: rgba(0, 0, 0, 0.5);
  --caster-color-overlay-image-tint: rgba(255, 255, 255, 0.85);
  --caster-color-overlay-image-overlay: rgba(0, 0, 0, 0.5);
  --caster-color-overlay-brand-wash: rgba(0, 33, 166, 0.06);
  --caster-spacing-0: 0;
  --caster-spacing-1: 0.25rem;
  --caster-spacing-2: 0.5rem;
  --caster-spacing-3: 0.75rem;
  --caster-spacing-4: 1rem;
  --caster-spacing-5: 1.25rem;
  --caster-spacing-6: 1.5rem;
  --caster-spacing-8: 2rem;
  --caster-spacing-10: 2.5rem;
  --caster-spacing-12: 3rem;
  --caster-spacing-16: 4rem;
  --caster-spacing-20: 5rem;
  --caster-spacing-24: 6rem;
  --caster-spacing-32: 8rem;
  --caster-radius-0: 0;
  --caster-radius-xs: 3px;
  --caster-radius-sm: 4px;
  --caster-radius-md: 8px;
  --caster-radius-lg: 12px;
  --caster-radius-xl: 16px;
  --caster-radius-full: 9999px;
  --caster-radius-control: 4px;
  --caster-radius-card: 8px;
  --caster-radius-panel: 12px;
  --caster-radius-pill: 9999px;
  --caster-radius-tag: 3px;
  --caster-border-width-0: 0;
  --caster-border-width-thin: 1px;
  --caster-border-width-med: 1.5px;
  --caster-border-width-thick: 2px;
  --caster-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.06);
  --caster-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08);
  --caster-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --caster-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --caster-shadow-xl: 0 16px 40px rgba(0, 0, 0, 0.14);
  --caster-font-family-sans: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --caster-font-weight-regular: 400;
  --caster-font-weight-medium: 500;
  --caster-font-weight-semibold: 600;
  --caster-font-weight-bold: 700;
  --caster-font-weight-extrabold: 800;
  --caster-font-size-3xs: 0.625rem;
  --caster-font-size-2xs: 0.75rem;
  --caster-font-size-xs: 0.875rem;
  --caster-font-size-sm: 1rem;
  --caster-font-size-md: 1.125rem;
  --caster-font-size-lg: 1.25rem;
  --caster-font-size-xl: 1.5rem;
  --caster-font-size-2xl: 2rem;
  --caster-font-size-3xl: 2.5rem;
  --caster-font-size-4xl: 3rem;
  --caster-font-size-5xl: 3.5rem;
  --caster-line-height-tight: 1.2;
  --caster-line-height-snug: 1.3;
  --caster-line-height-normal: 1.4;
  --caster-line-height-relaxed: 1.5;
  --caster-line-height-loose: 1.65;
  --caster-letter-spacing-tighter: -0.02em;
  --caster-letter-spacing-tight: -0.01em;
  --caster-letter-spacing-normal: 0;
  --caster-letter-spacing-wide: 0.03em;
  --caster-letter-spacing-wider: 0.05em;
  --caster-letter-spacing-widest: 0.08em;
  --caster-duration-instant: 0ms;
  --caster-duration-fast: 120ms;
  --caster-duration-base: 200ms;
  --caster-duration-slow: 320ms;
  --caster-easing-linear: linear;
  --caster-easing-ease: ease;
  --caster-easing-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --caster-easing-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --caster-z-index-base: 0;
  --caster-z-index-dropdown: 200;
  --caster-z-index-sticky: 300;
  --caster-z-index-overlay: 400;
  --caster-z-index-modal: 500;
  --caster-z-index-toast: 600;
  --caster-breakpoint-small: 0;
  --caster-breakpoint-medium: 768px;
  --caster-breakpoint-large: 1200px;
  --caster-size-control-xs: 28px;
  --caster-size-control-sm: 36px;
  --caster-size-control-md: 44px;
  --caster-size-control-lg: 52px;
  --caster-size-control-xl: 60px;
  --caster-size-container-max: 1440px;
  --caster-size-container-sm: 768px;
  --caster-size-container-md: 1024px;
  --caster-size-container-lg: 1200px;
  --caster-size-header-height-small: 56px;
  --caster-size-header-height-medium: 64px;
  --caster-size-header-height-large: 72px;
  --caster-opacity-disabled: 0.4;
  --caster-opacity-muted: 0.7;
  --caster-opacity-scrim-light: 0.5;
  --caster-opacity-scrim: 0.85;
  --caster-elevation-rest: 0 1px 2px rgba(0, 0, 0, 0.06);
  --caster-elevation-raised: 0 1px 4px rgba(0, 0, 0, 0.08);
  --caster-elevation-floating: 0 4px 12px rgba(0, 0, 0, 0.1);
  --caster-elevation-overlay: 0 8px 24px rgba(0, 0, 0, 0.12);
  --caster-elevation-deep: 0 16px 40px rgba(0, 0, 0, 0.14);
  --caster-typography-display-lg-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-display-lg-font-size: 3.5rem;
  --caster-typography-display-lg-font-weight: 800;
  --caster-typography-display-lg-line-height: 1.2;
  --caster-typography-display-lg-letter-spacing: -0.02em;
  --caster-typography-display-md-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-display-md-font-size: 3rem;
  --caster-typography-display-md-font-weight: 700;
  --caster-typography-display-md-line-height: 1.2;
  --caster-typography-display-md-letter-spacing: -0.01em;
  --caster-typography-display-sm-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-display-sm-font-size: 2.5rem;
  --caster-typography-display-sm-font-weight: 700;
  --caster-typography-display-sm-line-height: 1.2;
  --caster-typography-display-sm-letter-spacing: -0.01em;
  --caster-typography-heading-h1-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-heading-h1-font-size: 2.5rem;
  --caster-typography-heading-h1-font-weight: 700;
  --caster-typography-heading-h1-line-height: 1.2;
  --caster-typography-heading-h1-letter-spacing: 0;
  --caster-typography-heading-h2-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-heading-h2-font-size: 2rem;
  --caster-typography-heading-h2-font-weight: 700;
  --caster-typography-heading-h2-line-height: 1.2;
  --caster-typography-heading-h2-letter-spacing: 0;
  --caster-typography-heading-h3-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-heading-h3-font-size: 1.5rem;
  --caster-typography-heading-h3-font-weight: 700;
  --caster-typography-heading-h3-line-height: 1.3;
  --caster-typography-heading-h3-letter-spacing: 0;
  --caster-typography-heading-h4-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-heading-h4-font-size: 1.25rem;
  --caster-typography-heading-h4-font-weight: 700;
  --caster-typography-heading-h4-line-height: 1.3;
  --caster-typography-heading-h4-letter-spacing: 0;
  --caster-typography-heading-h5-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-heading-h5-font-size: 1.125rem;
  --caster-typography-heading-h5-font-weight: 700;
  --caster-typography-heading-h5-line-height: 1.3;
  --caster-typography-heading-h5-letter-spacing: 0;
  --caster-typography-heading-h6-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-heading-h6-font-size: 1rem;
  --caster-typography-heading-h6-font-weight: 700;
  --caster-typography-heading-h6-line-height: 1.3;
  --caster-typography-heading-h6-letter-spacing: 0;
  --caster-typography-body-lg-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-body-lg-font-size: 1.125rem;
  --caster-typography-body-lg-font-weight: 400;
  --caster-typography-body-lg-line-height: 1.5;
  --caster-typography-body-lg-letter-spacing: 0;
  --caster-typography-body-md-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-body-md-font-size: 1rem;
  --caster-typography-body-md-font-weight: 400;
  --caster-typography-body-md-line-height: 1.5;
  --caster-typography-body-md-letter-spacing: 0;
  --caster-typography-body-sm-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-body-sm-font-size: 0.875rem;
  --caster-typography-body-sm-font-weight: 400;
  --caster-typography-body-sm-line-height: 1.4;
  --caster-typography-body-sm-letter-spacing: 0;
  --caster-typography-body-xs-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-body-xs-font-size: 0.75rem;
  --caster-typography-body-xs-font-weight: 400;
  --caster-typography-body-xs-line-height: 1.4;
  --caster-typography-body-xs-letter-spacing: 0;
  --caster-typography-label-md-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-label-md-font-size: 0.875rem;
  --caster-typography-label-md-font-weight: 600;
  --caster-typography-label-md-line-height: 1.4;
  --caster-typography-label-md-letter-spacing: 0.08em;
  --caster-typography-label-sm-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-label-sm-font-size: 0.75rem;
  --caster-typography-label-sm-font-weight: 600;
  --caster-typography-label-sm-line-height: 1.4;
  --caster-typography-label-sm-letter-spacing: 0.08em;
  --caster-typography-label-xs-font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caster-typography-label-xs-font-size: 0.625rem;
  --caster-typography-label-xs-font-weight: 700;
  --caster-typography-label-xs-line-height: 1.4;
  --caster-typography-label-xs-letter-spacing: 0.05em;
  --caster-typography-code-md-font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  --caster-typography-code-md-font-size: 0.875rem;
  --caster-typography-code-md-font-weight: 400;
  --caster-typography-code-md-line-height: 1.4;
  --caster-typography-code-md-letter-spacing: 0;
  --caster-typography-code-sm-font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  --caster-typography-code-sm-font-size: 0.75rem;
  --caster-typography-code-sm-font-weight: 400;
  --caster-typography-code-sm-line-height: 1.4;
  --caster-typography-code-sm-letter-spacing: 0;
  --caster-motion-fast: 120ms ease;
  --caster-motion-base: 200ms ease;
  --caster-motion-slow: 320ms ease;
  --caster-layout-container-pad-small: 1rem;
  --caster-layout-container-pad-medium: 2rem;
  --caster-layout-container-pad-large: 5rem;
  --caster-layout-section-gap-small: 2rem;
  --caster-layout-section-gap-medium: 3rem;
  --caster-layout-section-gap-large: 4rem;
  --caster-layout-header-height-small: 56px;
  --caster-layout-header-height-medium: 64px;
  --caster-layout-header-height-large: 72px;
  --caster-button-size-xs-height: 28px;
  --caster-button-size-xs-padding-x: 0.75rem;
  --caster-button-size-xs-font-size: 0.75rem;
  --caster-button-size-sm-height: 36px;
  --caster-button-size-sm-padding-x: 1rem;
  --caster-button-size-sm-font-size: 0.875rem;
  --caster-button-size-md-height: 44px;
  --caster-button-size-md-padding-x: 1.25rem;
  --caster-button-size-md-font-size: 1rem;
  --caster-button-size-lg-height: 52px;
  --caster-button-size-lg-padding-x: 1.5rem;
  --caster-button-size-lg-font-size: 1.125rem;
  --caster-button-size-xl-height: 60px;
  --caster-button-size-xl-padding-x: 2rem;
  --caster-button-size-xl-font-size: 1.125rem;
  --caster-button-radius: 4px;
  --caster-button-font-weight: 600;
  --caster-button-transition: 120ms ease;
  --caster-button-primary-bg: #efaa22;
  --caster-button-primary-bg-hover: #d8951a;
  --caster-button-primary-fg: #131313;
  --caster-button-brand-bg: #0021a6;
  --caster-button-brand-bg-hover: #001580;
  --caster-button-brand-fg: #ffffff;
  --caster-button-outline-bg: rgba(0, 0, 0, 0);
  --caster-button-outline-bg-hover: rgba(0, 33, 166, 0.06);
  --caster-button-outline-fg: #0021a6;
  --caster-button-outline-border: #0021a6;
  --caster-button-outline-border-width: 1.5px;
  --caster-button-outline-light-bg: rgba(0, 0, 0, 0);
  --caster-button-outline-light-bg-hover: rgba(255, 255, 255, 0.1);
  --caster-button-outline-light-fg: #ffffff;
  --caster-button-outline-light-border: rgba(255, 255, 255, 0.5);
  --caster-button-ghost-bg: rgba(0, 0, 0, 0);
  --caster-button-ghost-bg-hover: #f5f7fa;
  --caster-button-ghost-fg: #5d5d5d;
  --caster-button-ghost-border: #d9d9d9;
  --caster-button-text-fg: #0021a6;
  --caster-button-danger-bg: #c70e1d;
  --caster-button-danger-bg-hover: #a80c18;
  --caster-button-danger-fg: #ffffff;
  --caster-input-height: 44px;
  --caster-input-padding-x: 1rem;
  --caster-input-radius: 4px;
  --caster-input-font-size: 1rem;
  --caster-input-bg: #ffffff;
  --caster-input-fg: #131313;
  --caster-input-placeholder: #757575;
  --caster-input-border: #d9d9d9;
  --caster-input-border-focus: #0021a6;
  --caster-input-ring-focus: rgba(0, 33, 166, 0.1);
  --caster-input-transition: 120ms ease;
  --caster-card-bg: #ffffff;
  --caster-card-border: #d9d9d9;
  --caster-card-border-hover: #c0c0c0;
  --caster-card-radius: 8px;
  --caster-card-padding: 1rem;
  --caster-card-shadow-rest: 0 1px 2px rgba(0, 0, 0, 0.06);
  --caster-card-shadow-hover: 0 1px 4px rgba(0, 0, 0, 0.08);
  --caster-card-transition: 200ms ease;
  --caster-product-card-image-bg: #f5f7fa;
  --caster-product-card-image-padding: 1rem;
  --caster-product-card-badge-radius: 3px;
  --caster-product-card-badge-oem-bg: #0021a6;
  --caster-product-card-badge-oem-fg: #ffffff;
  --caster-product-card-badge-sub-bg: #efaa22;
  --caster-product-card-badge-sub-fg: #131313;
  --caster-product-card-badge-new-bg: #131313;
  --caster-product-card-badge-new-fg: #ffffff;
  --caster-product-card-name-color: #131313;
  --caster-product-card-name-hover: #0021a6;
  --caster-product-card-sku-color: #757575;
  --caster-product-card-price-color: #131313;
  --caster-product-card-footer-border: #ececec;
  --caster-machine-card-image-bg: #1b252d;
  --caster-machine-card-image-aspect: 4 / 3;
  --caster-machine-card-border-hover: #0021a6;
  --caster-machine-card-due-bg: #f5f7fa;
  --caster-machine-card-due-overdue-bg: #fef2f2;
  --caster-machine-card-due-overdue-fg: #c70e1d;
  --caster-machine-card-due-ok-bg: #e6f7e6;
  --caster-machine-card-due-ok-fg: #00a900;
  --caster-pill-padding-y: 2px;
  --caster-pill-padding-x: 0.5rem;
  --caster-pill-radius: 9999px;
  --caster-pill-font-size: 0.75rem;
  --caster-pill-font-weight: 600;
  --caster-pill-letter-spacing: 0.03em;
  --caster-pill-tone-success-bg: #e6f7e6;
  --caster-pill-tone-success-fg: #00a900;
  --caster-pill-tone-warning-bg: #fff7e6;
  --caster-pill-tone-warning-fg: #d97706;
  --caster-pill-tone-error-bg: #fef2f2;
  --caster-pill-tone-error-fg: #c70e1d;
  --caster-pill-tone-brand-bg: rgba(0, 33, 166, 0.08);
  --caster-pill-tone-brand-fg: #0021a6;
  --caster-pill-tone-neutral-bg: #ececec;
  --caster-pill-tone-neutral-fg: #5d5d5d;
  --caster-pill-tone-accent-bg: rgba(239, 170, 34, 0.15);
  --caster-pill-tone-accent-fg: #8b5a00;
  --caster-pill-tone-dark-bg: #131313;
  --caster-pill-tone-dark-fg: #ffffff;
  --caster-stock-badge-padding-y: 2px;
  --caster-stock-badge-padding-x: 0.5rem;
  --caster-stock-badge-radius: 3px;
  --caster-stock-badge-font-size: 0.625rem;
  --caster-stock-badge-letter-spacing: 0.03em;
  --caster-stock-badge-in-bg: #e6f7e6;
  --caster-stock-badge-in-fg: #15692a;
  --caster-stock-badge-low-bg: #fff7e6;
  --caster-stock-badge-low-fg: #92400e;
  --caster-stock-badge-out-bg: #fef2f2;
  --caster-stock-badge-out-fg: #991b1b;
  --caster-stock-badge-back-bg: #f5f7fa;
  --caster-stock-badge-back-fg: #3a3a3a;
  --caster-alert-padding: 1rem;
  --caster-alert-radius: 8px;
  --caster-alert-font-size: 0.875rem;
  --caster-alert-tone-info-bg: #eff6ff;
  --caster-alert-tone-info-fg: #1e40af;
  --caster-alert-tone-info-border: #bfdbfe;
  --caster-alert-tone-success-bg: #e6f7e6;
  --caster-alert-tone-success-fg: #15692a;
  --caster-alert-tone-success-border: #86efac;
  --caster-alert-tone-warning-bg: #fff7e6;
  --caster-alert-tone-warning-fg: #92400e;
  --caster-alert-tone-warning-border: #fde68a;
  --caster-alert-tone-brand-bg: rgba(0, 33, 166, 0.06);
  --caster-alert-tone-brand-fg: #0021a6;
  --caster-alert-tone-brand-border: rgba(0, 33, 166, 0.2);
  --caster-qty-stepper-default-height: 32px;
  --caster-qty-stepper-default-btn-width: 32px;
  --caster-qty-stepper-default-input-width: 44px;
  --caster-qty-stepper-large-height: 52px;
  --caster-qty-stepper-large-btn-width: 40px;
  --caster-qty-stepper-large-input-width: 56px;
  --caster-qty-stepper-btn-bg: #f5f7fa;
  --caster-qty-stepper-btn-bg-hover: #ececec;
  --caster-qty-stepper-border: #d9d9d9;
  --caster-qty-stepper-radius: 4px;
  --caster-tab-padding-y: 0.75rem;
  --caster-tab-padding-x: 1.25rem;
  --caster-tab-border-width: 2px;
  --caster-tab-fg: #5d5d5d;
  --caster-tab-fg-hover: #131313;
  --caster-tab-fg-active: #0021a6;
  --caster-tab-border-active: #0021a6;
  --caster-header-height: 72px;
  --caster-header-bg: #ffffff;
  --caster-header-logo-height: 52px;
  --caster-announcement-bar-bg: #0d1a4d;
  --caster-announcement-bar-fg: rgba(255, 255, 255, 0.85);
  --caster-announcement-bar-phone-fg: #efaa22;
  --caster-announcement-bar-padding-y: 0.5rem;
  --caster-announcement-bar-font-size: 0.75rem;
  --caster-primary-nav-height: 44px;
  --caster-primary-nav-bg: #ffffff;
  --caster-primary-nav-border: #d9d9d9;
  --caster-primary-nav-item-fg: #0021a6;
  --caster-primary-nav-item-bg-active: #f5f7fa;
  --caster-footer-bg: #0d1a4d;
  --caster-footer-fg: rgba(255, 255, 255, 0.85);
  --caster-footer-fg-muted: rgba(255, 255, 255, 0.4);
  --caster-footer-padding-y: 4rem;
  --caster-dropdown-min-width: 180px;
  --caster-dropdown-bg: #ffffff;
  --caster-dropdown-border: #d9d9d9;
  --caster-dropdown-radius: 8px;
  --caster-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  --caster-dropdown-item-fg: #131313;
  --caster-dropdown-item-bg-hover: #f5f7fa;
  --caster-section-header-label-color: #757575;
  --caster-section-header-title-color: #131313;
  --caster-section-header-desc-color: #5d5d5d;
  --caster-section-header-link-color: #0021a6;
}