/* ============================================================================
 * pyxartis design tokens
 * Drop-in CSS variables matching the production www.pyxartis.com design system.
 * Copy into your :root, or scope to a component class. Mirrors what the live
 * Tailwind v4 @theme block generates.
 * ========================================================================== */

:root {
  /* ─── Brand color ramp (tapestry) ─────────────────────────────────────── */
  --pyx-tapestry-50:  #faf3f9;
  --pyx-tapestry-100: #f3e0ef;
  --pyx-tapestry-200: #e8c1de;
  --pyx-tapestry-300: #d89dcb;
  --pyx-tapestry-400: #c478b3;
  --pyx-tapestry-500: #a85da3; /* ← brand anchor */
  --pyx-tapestry-600: #8c4787;
  --pyx-tapestry-700: #6f376c;
  --pyx-tapestry-800: #4d2a4c;
  --pyx-tapestry-900: #311b30;
  --pyx-tapestry-950: #1c0f1c;

  /* ─── Accent colors ───────────────────────────────────────────────────── */
  --pyx-orchid:   #d89dcb;
  --pyx-wepeep:   #f0c1e2;
  --pyx-marigold: #f8d77c;
  --pyx-carrot:   #f28b1c;

  /* ─── Surfaces ────────────────────────────────────────────────────────── */
  --pyx-background:  #050211; /* dark backdrop on the marketing site       */
  --pyx-foreground:  #f5f0fa;
  --pyx-liquid-from: #050211;
  --pyx-liquid-mid:  #0a0420;
  --pyx-liquid-to:   #160a30;

  /* ─── Fluid type scale ────────────────────────────────────────────────── */
  /* Each step uses CSS clamp(min, preferred, max) so type scales smoothly
     between the smallest and largest viewports — no media-query stepping. */
  --pyx-text-display: clamp(2.25rem, 4vw + 1rem, 4.5rem);
  --pyx-text-h1:      clamp(2rem,    3vw + 0.875rem, 3.75rem);
  --pyx-text-h2:      clamp(1.5rem,  1.75vw + 0.75rem, 2.75rem);
  --pyx-text-h3:      clamp(1.125rem, 0.75vw + 0.75rem, 1.5rem);
  --pyx-text-lead:    clamp(1rem,    0.6vw + 0.875rem, 1.375rem);

  /* Recommended line-heights to pair with the scale above */
  --pyx-line-display: 1.05;
  --pyx-line-h1:      1.1;
  --pyx-line-h2:      1.15;
  --pyx-line-h3:      1.3;
  --pyx-line-lead:    1.55;

  /* ─── Typography family ───────────────────────────────────────────────── */
  /* Minimo is licensed; partners using these tokens should fall back to a
     system stack unless you've separately licensed Minimo for your site. */
  --pyx-font-sans: "Minimo", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}