/* Rocket Wood Studios — design tokens
   Warm, natural, minimalist. Cream backgrounds, walnut accent, charcoal text. */

:root {
  /* Palette */
  --rw-bg:          #FAF7F2; /* cream / off-white page background */
  --rw-surface:     #FFFFFF; /* cards, raised surfaces */
  --rw-surface-alt: #F2ECE3; /* subtle alternating sections */
  --rw-ink:         #2B2622; /* primary text (warm charcoal) */
  --rw-ink-soft:    #6B635B; /* secondary text */
  --rw-walnut:      #6B4226; /* primary accent (walnut) */
  --rw-walnut-dark: #4E2F1B; /* hover/darker accent */
  --rw-sage:        #7C8B6F; /* secondary accent (muted sage) */
  --rw-terracotta:  #B5694B; /* tertiary accent / sale badge */
  --rw-line:        #E4DBCE; /* hairline borders */
  --rw-line-soft:   #EFE8DD;
  --rw-success:     #4F7A52;
  --rw-danger:      #A6442E;

  /* Typography */
  --rw-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --rw-font-body:    "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;

  --rw-fs-xs:   0.78rem;
  --rw-fs-sm:   0.88rem;
  --rw-fs-base: 1rem;
  --rw-fs-lg:   1.2rem;
  --rw-fs-xl:   1.6rem;
  --rw-fs-2xl:  2.25rem;
  --rw-fs-3xl:  3.25rem;
  --rw-fs-hero: clamp(2.6rem, 6vw, 4.75rem);

  /* Spacing scale */
  --rw-sp-1: 0.25rem;
  --rw-sp-2: 0.5rem;
  --rw-sp-3: 0.75rem;
  --rw-sp-4: 1rem;
  --rw-sp-5: 1.5rem;
  --rw-sp-6: 2rem;
  --rw-sp-7: 3rem;
  --rw-sp-8: 4rem;
  --rw-sp-9: 6rem;

  /* Radii, shadows, layout */
  --rw-radius-sm: 6px;
  --rw-radius:    12px;
  --rw-radius-lg: 20px;
  --rw-radius-pill: 999px;
  --rw-shadow-sm: 0 1px 3px rgba(43, 38, 34, 0.06), 0 1px 2px rgba(43, 38, 34, 0.08);
  --rw-shadow:    0 6px 24px rgba(43, 38, 34, 0.08);
  --rw-shadow-lg: 0 18px 48px rgba(43, 38, 34, 0.14);
  --rw-maxw:      1180px;
  --rw-maxw-prose: 720px;
  --rw-header-h:  68px;
  --rw-ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
}