/* ==========================================================================
   Ninja Pandas — Design Tokens
   Palette follows the official Ninja Panda Logo Guide:
     Purple   #3C2973  (Pantone 273 C)
     Indigo   #262261  (Pantone 669 C)
     Lavender #C4B8D0  (Pantone 665 C)
     + Black / White
   Change values here; every component follows.
   ========================================================================== */

:root {
  /* Backgrounds — deep indigo family, derived from brand #262261 */
  --np-bg:            #14112a;
  --np-bg-raised:     #1e1a44;
  --np-bg-overlay:    #282363;

  /* Text */
  --np-ink:           #efedf6;
  --np-ink-muted:     #b3abc9;
  --np-ink-faint:     #766f99;

  /* Brand accents */
  --np-accent:        #C4B8D0;   /* lavender — Pantone 665 C */
  --np-accent-strong: #dcd4e6;
  --np-accent-dim:    #3C2973;   /* purple — Pantone 273 C */
  --np-indigo:        #262261;   /* indigo — Pantone 669 C */
  --np-line:          #322b63;

  --np-good:          #6fd3a3;

  /* Type */
  --np-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif;
  --np-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
                  monospace;

  --np-text-xs:  0.8rem;
  --np-text-sm:  0.925rem;
  --np-text-md:  1.0625rem;
  --np-text-lg:  1.35rem;
  --np-text-xl:  clamp(1.9rem, 4.5vw, 2.9rem);

  /* Spacing scale */
  --np-s1: 0.25rem;
  --np-s2: 0.5rem;
  --np-s3: 1rem;
  --np-s4: 1.75rem;
  --np-s5: 3rem;
  --np-s6: 5rem;

  /* Shape */
  --np-radius:    12px;
  --np-radius-lg: 20px;

  --np-maxw: 1080px;
}