/* BE design system tokens — copied from Web panel design-system/tokens.css. Do not edit by hand. */
:root {
  --be-border-width-default: 1px; /* border/width/default */
  --be-space-2: 8px; /* space/2 */
  --be-primitive-coral-500: #ff6f61; /* coral/500 */
  --be-space-4: 16px; /* space/4 */
  --be-primitive-maroon-700: #8d1730; /* maroon/700 */
  --be-color-action-primary: #8d1730; /* color/action/primary */
  --be-primitive-cream-50: #fff7ec; /* cream/50 */
  --be-primitive-gray-200: #efe7de; /* gray/200 */
  --be-primitive-gray-700: #5c4742; /* gray/700 */
  --be-primitive-white: #ffffff; /* white */
  --be-color-surface-elevated: #ffffff; /* color/surface/elevated */
  --be-space-3: 12px; /* space/3 */
  --be-primitive-maroon-800: #7a153d; /* maroon/800 */
  --be-color-text-primary: #7a153d; /* color/text/primary */
  --be-primitive-peach-300: #ffbfa3; /* peach/300 */
  --be-color-action-subtle: #ffbfa3; /* color/action/subtle */
  --be-radius-xl: 24px; /* radius/xl */
  --be-radius-none: 0px; /* radius/none */
  --be-color-text-secondary: #5c4742; /* color/text/secondary */
  --be-space-0: 0px; /* positive_space/0 */
  --be-space-1: 2px; /* positive_space/1 */
  --be-space-5: 16px; /* positive_space/5 */
  --be-space-6: 24px; /* positive_space/6 */
  --be-space-7: 36px; /* positive_space/7 */
  --be-space-8: 48px; /* positive_space/8 */
  --be-space-9: 64px; /* positive_space/9 */
  --be-negative-space-1: -4px; /* negative_space/1 */
  --be-negative-space-2: -8px; /* negative_space/2 */
  --be-negative-space-3: -12px; /* negative_space/3 */
  --be-radius-sm: 8px; /* radius/sm */
  --be-radius-md: 16px; /* radius/md */
  --be-radius-lg: 24px; /* radius/lg */
  --be-radius-pill: 999px; /* radius/pill */
  --be-color-surface-canvas: #fff9f4; /* surface/canvas */
  --be-color-surface-canvas-80: rgba(255,249,244,0.8); /* surface/canvas-80 */
  --be-color-surface-canvas-40: rgba(255,249,244,0.4); /* surface/canvas-40 */
  --be-color-surface-accent: #ff8b7a; /* surface/accent */
  --be-color-text-dark: #1a0a0f; /* text/dark */
  --be-color-text-muted: #9e8b82; /* text/muted */
  --be-color-text-transparent: rgba(90,35,51,0.6); /* text/transparent */
  --be-color-text-inverse: #fff9f4; /* text/inverse */
  --be-color-text-inverse-60: rgba(255,249,244,0.6); /* text/inverse-60 */
  --be-color-text-accent-coral: #ff6f61; /* text/accent-coral */
  --be-color-text-accent-rose: #d98c9a; /* text/accent-rose */
  --be-color-text-success: #2a8e7d; /* text/success */
  --be-color-text-error: #b81e40; /* text/error */
  --be-color-button-primary: #ff8b7a; /* button/primary */
  --be-color-button-primary-hover: #ff6f61; /* button/primary-hover */
  --be-color-button-secondary: #ffe5e0; /* button/secondary */
  --be-color-button-inverse: #fff9f4; /* button/inverse */
  --be-color-button-inactive: #e7ddd7; /* button/inactive */
  --be-color-border-accent: #ff8b7a; /* border/accent */
  --be-color-border-dark: #9e8b82; /* border/dark */
  --be-color-border-light: #f5e7dd; /* border/light */
  --be-color-icon-line: #7a1f3d; /* icon/line */
  --be-color-icon-fill: #ff6f61; /* icon/fill */
  --be-color-icon-light: #ffd0c8; /* icon/light */
  --be-color-icon-inactive: #9e8b82; /* icon/inactive */
  --be-color-status-success: #dce8cf; /* status/success */
  --be-color-status-info: #e0f4f5; /* status/info */
  --be-color-status-error: #f6cad4; /* status/error */
  --be-color-status-accent: #ffe9e5; /* status/accent */
  --be-color-mama-lavender: #b8a7d6; /* mama/soft-lavender */
  --be-color-mama-lilac: #cdb9e8; /* mama/dusty-lilac */
  --be-color-mama-cream: #fff7ec; /* mama/warm-cream */
  --be-color-mama-plum: #8d5a97; /* mama/soft-plum */
  --be-color-mama-beige: #f4eadf; /* mama/powder-beige */
  --be-color-mama-mauve: #d8c7e8; /* mama/muted-mauve */
  --be-color-baby-yellow: #f7c84b; /* baby/butter-yellow */
  --be-color-baby-vintage-gold: #efbf5a; /* baby/vintage-gold */
  --be-color-baby-vanilla: #fff2d6; /* baby/soft-vanilla */
  --be-color-baby-peach: #ffbfa3; /* baby/warm-peach */
  --be-color-baby-beige: #fff8ef; /* baby/cream-beige */
  --be-color-baby-honey-gold: #dfaf42; /* baby/honey-gold */
  --be-primitive-gray-900: #2a1d24; /* gray/900 */

  /* Auth-screen canonical overrides (onboarding Figma) */
  --be-color-surface-canvas: #fff9f4;
  --be-color-text-primary: #5a2333;
  --be-color-text-muted: #9e8b82;
  --be-color-text-accent-coral: #ff6f61;
  --be-color-text-accent-rose: #d98c9a;
  --be-color-button-primary: #ff8b7a;
  --be-color-button-primary-hover: #ff6f61;
  --be-color-button-inactive: #e7ddd7;
  --be-color-border-light: #f5e7dd;
  --be-color-border-accent: #ff8b7a;
  --be-color-surface-elevated: #ffffff;
  --be-color-surface-accent: #ff8b7a;
  --be-color-status-accent: #ffe9e5;
  --be-color-text-error: #b81e40;
  --be-color-icon-line: #7a1f3d;
  --be-primitive-maroon-800: #7a153d;
  --be-radius-md: 16px;
  --be-radius-pill: 999px;
}