/* Generated by tools/sync-brand.mjs from the frontend design system. */
:root {
  --background: #F6F7FB;
  --foreground: #1F2637;

  --card: #FFFFFF;
  --card-foreground: #1F2637;
  --popover: #FFFFFF;
  --popover-foreground: #1F2637;

  --primary: #496DDB;
  --primary-foreground: #FFFFFF;
  --primary-hover: #3F5FCC;
  --interactive-foreground: #3F5FCC;

  --secondary: #F0F2F7;
  --secondary-foreground: #2F384D;
  --muted: #F4F6FB;
  --muted-foreground: #4C586D;
  --placeholder: #626D80;

  --accent: #EEF2FF;
  --accent-foreground: #3758C8;

  --focus: #496DDB;
  --ring: var(--focus);

  --decorative-border: #E2E6F0;
  --control-border: #8791A4;
  --control-border-subtle: #CBD2DE;
  --control-fill: #F5F6F9;
  --field-border: #D5D8DE;
  --field-border-hover: #A6ADB8;
  --control-selected: #DCE5FF;
  --border: var(--decorative-border);
  --input: var(--control-border);

  --destructive: #C93643;
  --destructive-foreground: #FFFFFF;
  --destructive-text: #B4232F;
  --success: #047857;
  --warning: #B45309;

  --radius-compact: 6px;
  --radius: 8px;
  --radius-overlay: 10px;
  --radius-pill: 999px;

  --control-height-compact: 32px;
  --control-height-default: 36px;
  --control-height-large: 40px;
  --target-size-min: 40px;
  --font-brand: "Manrope", ui-sans-serif, system-ui, sans-serif;

  --shadow-drag: 0 8px 24px color-mix(in srgb, var(--foreground) 14%, transparent), 0 0 0 2px color-mix(in srgb, var(--primary) 14%, transparent);
}