/* Invrida — tokens subset for the pricing calculator */

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

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

@font-face { font-family:"JetBrains Mono"; src:url("fonts/JetBrainsMono-Regular.ttf") format("truetype"); font-weight:400; font-display:swap; }
@font-face { font-family:"JetBrains Mono"; src:url("fonts/JetBrainsMono-Medium.ttf") format("truetype"); font-weight:500; font-display:swap; }
@font-face { font-family:"JetBrains Mono"; src:url("fonts/JetBrainsMono-SemiBold.ttf") format("truetype"); font-weight:600; font-display:swap; }

:root {
  --inv-teal-50:#E8F7F6; --inv-teal-100:#C5ECEB; --inv-teal-200:#A3E5E3; --inv-teal-300:#6DD3D0;
  --inv-teal-400:#3BBAB7; --inv-teal-500:#2DA09D; --inv-teal-600:#1E807E; --inv-teal-700:#0B6463;
  --inv-teal-800:#07514F; --inv-teal-900:#073A39;

  --inv-sun-50:#FEF7E5; --inv-sun-100:#FCE9B8; --inv-sun-200:#FBD98A; --inv-sun-300:#F9C662;
  --inv-sun-400:#F2AE3A; --inv-sun-500:#DB9418; --inv-sun-600:#A8700E;

  --inv-stone-0:#FFFFFF; --inv-stone-25:#FAF8F4; --inv-stone-50:#F7F4EF; --inv-stone-100:#EDE8E0;
  --inv-stone-200:#DDD5C7; --inv-stone-300:#C2B7A3; --inv-stone-400:#A89B85; --inv-stone-500:#867A6B;
  --inv-stone-600:#685E52; --inv-stone-700:#4B423A; --inv-stone-800:#2E2B27; --inv-stone-900:#1A1917;

  --inv-success:#2DA065; --inv-success-bg:#E6F4EC; --inv-warning:#DB9418; --inv-warning-bg:#FCE9B8;
  --inv-danger:#C84B3A; --inv-danger-bg:#FAE7E3; --inv-info:#2D7DA0; --inv-info-bg:#E5EFF5;

  --bg:var(--inv-stone-50); --bg-elevated:var(--inv-stone-0); --bg-sunken:var(--inv-stone-25);
  --bg-inverse:var(--inv-stone-900); --bg-brand:var(--inv-teal-900);
  --fg:var(--inv-stone-900); --fg-muted:var(--inv-stone-600); --fg-subtle:var(--inv-stone-500);
  --fg-on-brand:var(--inv-stone-0);
  --border:var(--inv-stone-100); --border-strong:var(--inv-stone-200); --border-brand:var(--inv-teal-400);
  --accent:var(--inv-teal-400); --accent-hover:var(--inv-teal-500); --accent-press:var(--inv-teal-600); --accent-soft:var(--inv-teal-50);

  --font-display:"Outfit", system-ui, sans-serif;
  --font-sans:"Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, monospace;

  --r-xs:4px; --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:20px; --r-2xl:28px; --r-pill:999px;

  --shadow-xs:0 1px 1px rgba(26,25,23,0.04);
  --shadow-sm:0 1px 2px rgba(26,25,23,0.05), 0 1px 1px rgba(26,25,23,0.03);
  --shadow-md:0 4px 12px -2px rgba(26,25,23,0.06), 0 2px 4px -2px rgba(26,25,23,0.04);
  --shadow-lg:0 16px 32px -12px rgba(26,25,23,0.12), 0 4px 10px -4px rgba(26,25,23,0.06);
  --shadow-xl:0 28px 60px -24px rgba(11,100,99,0.18), 0 10px 24px -12px rgba(26,25,23,0.10);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,0.6);
  --shadow-focus:0 0 0 3px rgba(59,186,183,0.32);

  --transition:160ms cubic-bezier(0.22,0.61,0.36,1);
  --transition-slow:320ms cubic-bezier(0.22,0.61,0.36,1);
}