/** Shopify CDN: Minification failed

Line 51:0 All "@import" rules must come first

**/
/* ============================================================
   Jellycat Design Tokens
   Source: us.jellycat.com (extracted 2026-05-03 via Chrome MCP)
   Apply: imported in theme.liquid before all other Jellycat CSS
   ============================================================ */
:root {
  /* Brand colors */
  --jc-cyan: #33CEE5;             /* primary brand cyan (logo) */
  --jc-cyan-muted: #41C2D5;
  --jc-cyan-deep: #2B3B5A;        /* navy contrast */
  --jc-green: #B2CA8B;            /* accent */

  /* Neutrals */
  --jc-text: #2C2A29;             /* warm dark gray, body text */
  --jc-text-muted: #666666;
  --jc-bg: #FFFFFF;
  --jc-bg-soft: #F5F5F5;
  --jc-border: #EFEFEF;

  /* Typography */
  --jc-font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --jc-font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --jc-text-base: 16px;
  --jc-text-h1-mobile: 24px;
  --jc-text-h1-desktop: 48px;
  --jc-text-h2-mobile: 22px;
  --jc-text-h2-desktop: 32px;
  --jc-weight-regular: 400;
  --jc-weight-semi: 600;
  --jc-weight-bold: 700;

  /* Layout */
  --jc-container-w: 1280px;
  --jc-card-radius: 0;            /* jellycat 方形卡 */
  --jc-pill-radius: 999px;
  --jc-button-radius: 999px;      /* CTA pill 风格 */
  --jc-section-pad-y: 4rem;
  --jc-section-pad-y-mobile: 2.5rem;

  /* Effects */
  --jc-card-hover-lift: translateY(-2px);
  --jc-transition: 0.2s ease;
}

/* Web font load: Plus Jakarta Sans (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* Apply font globally */
body, button, input, select, textarea {
  font-family: var(--jc-font-body);
  color: var(--jc-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--jc-font-display);
  color: var(--jc-text);
  font-weight: var(--jc-weight-semi);
}
