/* Brianne Baggetta — Spacing, radii, borders, shadows, motion
   The brand leans on generous negative space and a large soft "arch" radius
   (the 300px top-rounded frame that echoes the monogram silhouette). */

:root{
  /* Spacing scale */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;

  /* Layout */
  --page-max:1280px;
  --gutter:clamp(24px,5vw,80px); /* @kind spacing */
  --section-y:clamp(64px,9vw,128px); /* @kind spacing */

  /* Radii */
  --radius-sm:4px;
  --radius-md:12px;
  --radius-lg:40px;     /* image cards, tiles */
  --radius-arch:300px;  /* arched top used on portraits/feature frames */
  --radius-pill:300px;  /* CTA / eyebrow pills */

  /* Borders */
  --border-hair:1px solid var(--line);
  --border-cta:2px solid currentColor; /* @kind other */

  /* Shadows — restrained; the brand prefers matte flatness to heavy elevation */
  --shadow-none:none;
  --shadow-card:0 18px 40px -24px rgba(18,18,18,0.35);
  --shadow-raise:0 30px 70px -40px rgba(18,18,18,0.45);

  /* Motion — calm, editorial. Fades and gentle eases, never bounce. */
  --ease:cubic-bezier(0.22,0.61,0.36,1); /* @kind other */
  --dur-fast:160ms; /* @kind other */
  --dur:280ms; /* @kind other */
  --dur-slow:480ms; /* @kind other */

  /* Protection overlay for text over photography */
  --scrim:rgba(18,18,18,0.76); /* @kind color */
}