/* Zyra World — design tokens (derived from Figma "Landing Zyra") */
:root {
  /* brand */
  --green:        #58d68d;
  --green-hover:  #46c67c;
  --green-ink:    #14432b;   /* text on green buttons */
  --purple:       #a77efc;

  /* text */
  --ink:          #2d3237;   /* hero H1 */
  --ink-2:        #353942;   /* section headings */
  --muted:        #61656d;   /* body / descriptions */
  --muted-2:      #8b9099;   /* lighter meta */

  /* surfaces */
  --bg:           #ffffff;
  --surface:      #f6f6f6;   /* feature illustration boxes */
  --surface-2:    #ebeced;   /* preview placeholder */
  --cta-bg:       #eefbf4;   /* CTA left panel */
  --footer-bg:    #1c1c1e;
  --footer-ink:   #e7e7ea;
  --footer-muted: #9b9ba1;

  /* lines */
  --border:        #ebeced;
  --border-strong: #c2c3c7;

  /* accents */
  --star:   #f5b544;
  --badge:  #cdeafc;
  --tag-blue: #78bef4;   /* hero floating name tag — Lucas */
  --tag-red:  #f47878;   /* hero floating name tag — Samantha */

  /* radius */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  /* shadow */
  --shadow-card: 0 12px 32px rgba(20, 24, 40, .06);
  --shadow-soft: 0 4px 16px rgba(20, 24, 40, .05);

  /* type */
  /* Poppins carries all Latin glyphs; Poppins has no Thai, so Thai text falls
     through to Noto Sans Thai (per-glyph fallback). One stack for EN + TH. */
  --font: "Poppins", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* layout */
  --content: 1360px;
  --gutter: 40px;
}