/* BizStream Design System — tokens (trimmed font set) for the Migration Cost Calculator */

@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; src: url("../fonts/Poppins-Medium.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; src: url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; src: url("../fonts/Poppins-Bold.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 800; src: url("../fonts/Poppins-ExtraBold.ttf") format("truetype"); font-display: swap; }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); font-display: swap; }

:root {
  /* Cyan */
  --bzs-cyan-50:#C5F6FF; --bzs-cyan-100:#9EECFB; --bzs-cyan-200:#76E2F6; --bzs-cyan-300:#4FD8F2;
  --bzs-cyan-400:#27CEED; --bzs-cyan-500:#00C4E9; --bzs-cyan-600:#00A6C9; --bzs-cyan-700:#0088A9;
  --bzs-cyan-800:#006A89; --bzs-cyan-900:#004C69;
  /* Red */
  --bzs-red-50:#FFB0B1; --bzs-red-100:#FD8B8D; --bzs-red-200:#FC6768; --bzs-red-300:#FA4244;
  --bzs-red-400:#E13739; --bzs-red-500:#C82C2E; --bzs-red-600:#AF2123; --bzs-red-700:#951617;
  --bzs-red-800:#7C0B0C; --bzs-red-900:#630001;
  /* Primary */
  --bzs-cyan:#00C4E9; --bzs-blue:#005FBE; --bzs-navy:#003D78; --bzs-red:#FA4244;
  /* Secondary */
  --bzs-purple:#763AC7; --bzs-midnight:#002B3C; --bzs-green:#00C072; --bzs-gray:#555960;
  /* Neutrals */
  --bzs-neutral-0:#FFFFFF; --bzs-neutral-50:#F2F2F2; --bzs-neutral-100:#E5E5E5; --bzs-neutral-200:#CCCCCC;
  --bzs-neutral-300:#B2B2B2; --bzs-neutral-400:#9A9B9D; --bzs-neutral-500:#8D8F93; --bzs-neutral-600:#707379;
  --bzs-neutral-700:#555960; --bzs-neutral-800:#3E424A; --bzs-neutral-900:#20232B; --bzs-neutral-black:#000000;

  /* Surfaces */
  --bg:var(--bzs-neutral-0); --bg-muted:var(--bzs-neutral-50); --bg-inverse:var(--bzs-navy); --bg-brand:var(--bzs-navy);
  /* Foreground */
  --fg:var(--bzs-midnight); --fg-muted:var(--bzs-neutral-700); --fg-subtle:var(--bzs-neutral-500);
  --fg-inverse:var(--bzs-neutral-0); --fg-link:var(--bzs-blue); --fg-link-hover:var(--bzs-navy); --fg-accent:var(--bzs-cyan);
  /* State */
  --info:#0088A9; --success:#00633B; --warning:#B86E00; --danger:var(--bzs-red-600);
  /* Border */
  --border:var(--bzs-neutral-100); --border-strong:var(--bzs-neutral-200); --border-focus:var(--bzs-cyan);

  /* Type families */
  --font-display:"Poppins","Helvetica Neue",Arial,sans-serif;
  --font-body:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* Type scale */
  --text-xs:0.75rem; --text-sm:0.875rem; --text-base:1rem; --text-lg:1.125rem; --text-xl:1.25rem;
  --text-2xl:1.5rem; --text-3xl:1.875rem; --text-4xl:2.25rem; --text-5xl:3rem; --text-6xl:3.75rem;
  --text-7xl:4.5rem; --text-8xl:6rem; --text-9xl:8rem;

  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extra:800;

  /* Spacing */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px;

  /* Radii */
  --radius-sm:4px; --radius-md:8px; --radius-lg:12px; --radius-xl:20px; --radius-pill:9999px;

  /* Shadows */
  --shadow-sm:0 1px 2px rgba(0,43,60,0.06);
  --shadow-md:0 4px 12px rgba(0,43,60,0.08);
  --shadow-lg:0 12px 32px rgba(0,43,60,0.12);
  --shadow-focus:0 0 0 3px rgba(0,196,233,0.35);
}