@import url("https://fonts.googleapis.com/css2?family=Lumanosimo&family=Poppins:wght@400;500;600&display=swap");


:root {
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  --font-script: "Lumanosimo", "Mali", "Comic Neue", "Segoe Script", cursive;


  /* ========================================================================
     2. COLOURS
     ======================================================================== */

  --ink: #111111;          /* main text colour + thin outlines (tags, lines)  */
  --ink-soft: #3a3a3a;     /* slightly lighter text (talk descriptions)       */
  --paper: #ffffff;        /* page background                                 */
  --dark: #2b2b2b;         /* dark sections: About, closing CTA, footer       */
  --sky: #f4f7fd;          /* pale blue Community section background          */
  --rule: #cfcfcf;         /* thin grey divider lines                         */

  /* Blank image boxes. These show until you add your real images. */
  --placeholder: #ececec;       /* project + case study image boxes           */
  --placeholder-dark: #d6d6d6;  /* portrait box in the dark About section     */


  /* ========================================================================
     3. HERO BLOB COLOURS (the soft gradient behind the big headline)
     ======================================================================== */

  --blob-blue: #70b6ff;    /* top-right glow   */
  --blob-orange: #ffaa40;  /* left glow        */
  --blob-yellow: #fff05a;  /* right glow       */
  --blob-cream: #ffd664;   /* soft blend between orange and yellow */


  --pill-gradient: linear-gradient(90deg, #ffa53b 0%, #ffe85a 50%, #40d9e8 100%);


  --grid-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M.5 0V120M0 .5H120' fill='none' stroke='%23b5b5b5' stroke-opacity='.55' stroke-dasharray='4 5'/%3E%3C/svg%3E");
}