/* ==========================================================================
   TLPC — Design Tokens
   Colors, radii and type-scale variables extracted verbatim from the original
   Webflow stylesheet (:root) + the page's inline <style> block.
   Nothing here is invented — every value is the real source value.
   ========================================================================== */

/* Self-hosted Google Fonts (Inter / Space Grotesk / JetBrains Mono) */
@import url("../assets/fonts/fonts.css");

:root {
  /* Brand palette */
  --cultured: #fff8f2;
  --black: #151515;
  --orange: #ff6b00;
  --white: white;
  --yellow: #ffe926;
  --baby-blue: #99d2fb;
  --green: #5cb13e;
  --pink: #ff7dd3;
  --bone: #f4f2ec;
  --electric-yellow: #f5ff00;
  --pitch: #0a0a0a;
  --carbon: #111;
  --fog: #6b6b6b;
  --money-green: #1d6b4b;
  --cobalt: #1e3fff;

  /* Radii + type sizes */
  --50px-radius: 3.125rem;
  --16px-radius: 1rem;
  --16px: 1rem;
  --14px: .875rem;
  --18px: 1.125rem;

  /* Hero background spotlight mask (from inline <style>) */
  --mask-size: 10rem;
  --mask-position-x: 50%;
  --mask-position-y: 50%;
}