/* BuildSellSecure design tokens -> CSS custom properties.
   Mirrors brand/tokens.json. Do not edit by hand without updating the JSON. */
:root {
  /* Brand kit */
  --primary-accent: #4B46FA;   /* Electric Indigo - buttons, CTAs */
  --secondary-accent: #FF6F4B; /* Vivid Tangerine - highlights, alerts, tags */
  --dark-neutral: #111418;     /* Charcoal Black - headings, UI contrast */
  --light-neutral: #FBFBFD;    /* Pearl White - backgrounds, cards */
  --support-gray: #7A7E83;     /* Slate Gray - body text, UI lines */

  /* Indigo ramp */
  --indigo-50: #EEEDFE; --indigo-100: #DCDAFD; --indigo-200: #B9B6FB;
  --indigo-300: #9691F9; --indigo-400: #726CF6; --indigo-500: #4B46FA;
  --indigo-600: #3A34E0; --indigo-700: #2B27B8; --indigo-800: #1E1B8F; --indigo-900: #131066;

  /* Tangerine ramp */
  --tangerine-50: #FFF0EC; --tangerine-100: #FFE0D6; --tangerine-200: #FFC1AD;
  --tangerine-300: #FFA284; --tangerine-400: #FF8867; --tangerine-500: #FF6F4B;
  --tangerine-600: #E5552F; --tangerine-700: #C04020; --tangerine-800: #962F16; --tangerine-900: #6E200F;

  /* Charcoal ramp */
  --charcoal-50: #F5F6F7; --charcoal-100: #E7E9EB; --charcoal-200: #C9CDD1;
  --charcoal-300: #A5AAB0; --charcoal-400: #7A7E83; --charcoal-500: #575B60;
  --charcoal-600: #3B3F44; --charcoal-700: #262A2E; --charcoal-800: #1A1D21; --charcoal-900: #111418;

  /* Semantic */
  --success: #1F9D55; --success-surface: #E7F6EE; --success-text: #0E6B39;
  --warning: #B45309; --warning-surface: #FDF3E7;
  --danger: #C0392B;  --danger-surface: #FBECEA;
  --info: #3A34E0;    --info-surface: #EEEDFE;

  /* Surfaces & borders */
  --surface-page: #FBFBFD;
  --surface-card: #FFFFFF;
  --surface-muted: #F5F6F7;
  --surface-inverse: #111418;
  --border: #E7E9EB;
  --border-strong: #C9CDD1;

  /* Text */
  --text-primary: #111418;
  --text-secondary: #3B3F44;
  --text-muted: #575B60;
  --text-meta: #666B72;   /* AA-safe slate for small meta text (raw brand slate #7A7E83 fails AA on small text) */
  --text-inverse: #FBFBFD;
  --link: #2B27B8;
  --link-hover: #3A34E0;

  /* Typography */
  --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem; --fs-lg: 1.125rem;
  --fs-xl: 1.25rem; --fs-2xl: 1.5rem; --fs-3xl: 1.875rem; --fs-4xl: 2.25rem; --fs-5xl: 3rem;
  --lh-tight: 1.15; --lh-snug: 1.3; --lh-base: 1.6; --lh-relaxed: 1.75;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;

  /* Space */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem;

  /* Radius, shadow, focus */
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-xl: 24px; --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(17,20,24,0.06), 0 1px 3px rgba(17,20,24,0.08);
  --shadow-md: 0 4px 12px rgba(17,20,24,0.08), 0 2px 4px rgba(17,20,24,0.05);
  --shadow-lg: 0 16px 40px rgba(17,20,24,0.12), 0 4px 12px rgba(17,20,24,0.06);
  --focus-ring: 0 0 0 3px rgba(75,70,250,0.45);
  --focus-offset: 2px;
}