/* ============================================================
   PushPrint EDDM landing - design tokens
   ============================================================
   Canonical PushPrint brand tokens, copied from the pushprint-design
   skill (colors_and_type.css). Forest green + gold on cream paper.
   Fraunces (serif display) over Inter (UI/body). LIGHT MODE ONLY.
   Do NOT invent new brand values. No em dashes in this file.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Inter:wght@400..700&display=swap');

:root {
  /* Type families */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Helvetica, Arial, sans-serif;

  /* Tracking */
  --tracking-tightest: -0.04em;
  --tracking-tighter:  -0.02em;
  --tracking-tight:    -0.01em;
  --tracking-normal:    0em;
  --tracking-wide:      0.02em;
  --tracking-wider:     0.06em;
  --tracking-widest:    0.12em;

  /* Type scale */
  --text-display: 4rem;
  --text-h1:      2.75rem;
  --text-h2:      2rem;
  --text-h3:      1.5rem;
  --text-h4:      1.25rem;
  --text-body:    1rem;
  --text-small:   0.875rem;
  --text-xs:      0.75rem;
  --text-micro:   0.6875rem;

  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* Forest green (primary) */
  --pp-green:        #1a4a42;
  --pp-green-deep:   #1c2420;
  --pp-green-hover:  #163d36;
  --pp-green-soft:   #eef4f0;

  /* Gold (accent) */
  --pp-gold:         #d4a537;
  --pp-gold-deep:    #b4882a;
  --pp-gold-deep-2:  #b88a27;
  --pp-gold-soft:    #fbf1d4;

  /* Cream / paper backgrounds (LIGHT MODE) */
  --pp-cream:        #fef7e0;
  --pp-cream-2:      #faf5e6;
  --pp-cream-3:      #f6ecd1;
  --pp-cream-4:      #fbf1d4;
  --pp-white:        #ffffff;

  /* Ink / text */
  --pp-ink:          #2a2820;
  --pp-ink-deep:     #1c2420;

  /* Muted / sage neutrals */
  --pp-sage:         #9bb0a8;
  --pp-stone:        #5f5b50;
  --pp-border:       #e3dfd4;
  --pp-mist:         #eef4f0;

  /* Semantic (warm) */
  --pp-success:      #1a4a42;
  --pp-warning:      #b4882a;
  --pp-danger:       #b3402f;
  --pp-danger-soft:  #f6e4df;

  /* Radii */
  --radius:     0.75rem;
  --radius-sm:  0.5rem;
  --radius-md:  0.625rem;
  --radius-lg:  0.75rem;
  --radius-xl:  1.125rem;
  --radius-pill: 9999px;

  /* Shadows (warm, ink-tinted) */
  --shadow-xs:  0 1px 2px 0 rgba(28, 36, 32, 0.05);
  --shadow-sm:  0 1px 2px 0 rgba(28, 36, 32, 0.05),
                0 1px 3px 0 rgba(28, 36, 32, 0.06);
  --shadow:     0 4px 12px 0 rgba(28, 36, 32, 0.06),
                0 1px 2px 0 rgba(28, 36, 32, 0.05);
  --shadow-md:  0 8px 20px 0 rgba(28, 36, 32, 0.07),
                0 2px 4px 0 rgba(28, 36, 32, 0.05);
  --shadow-lg:  0 14px 30px 0 rgba(28, 36, 32, 0.09),
                0 4px 8px 0 rgba(28, 36, 32, 0.05);
  --shadow-xl:  0 24px 48px 0 rgba(28, 36, 32, 0.12);
  --shadow-cta: 0 4px 14px 0 rgba(212, 165, 55, 0.30);
}