/* ============================================================
   PAPA CRAW — Brand foundation
   Louisiana Pride · Red / Cyan / White · bold clean sans
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600;1,700&family=Archivo+Black&display=swap');

:root {
  /* ---- Core brand ---- */
  --red:        #E5181A;   /* primary accent / CTA  (RGB 229/26/26) */
  --red-deep:   #B91113;   /* pressed / dark red */
  --red-tint:   #FBE2E2;   /* soft red wash */
  --cyan:       #00B8E2;   /* secondary accent      (RGB 0/181/226) */
  --cyan-deep:  #0093B8;   /* darker cyan */
  --cyan-tint:  #DAF3FA;   /* soft cyan wash */
  --white:      #FFFFFF;

  /* ---- Neutrals / surfaces ---- */
  --paper:      #F7F4EE;   /* warm cream page bg */
  --paper-2:    #FBF9F5;   /* lighter card cream */
  --line:       #E7E1D6;   /* hairline on cream */
  --ink:        #0B1B2C;   /* deep navy — dark hero sections */
  --ink-2:      #112A40;   /* lighter navy surface */
  --ink-line:   rgba(255,255,255,.12);

  /* ---- Text ---- */
  --fg:         #14202B;   /* near-black ink on cream */
  --fg-muted:   #5A6671;   /* secondary text on light */
  --on-dark:    #F4F1EA;   /* cream text on navy */
  --on-dark-mut:#9DB0C0;   /* muted text on navy */

  /* ---- Type ---- */
  --font-display: 'Archivo Black', 'Archivo', system-ui, sans-serif;
  --font: 'Archivo', system-ui, sans-serif;

  /* ---- Radii ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* ---- Shadows (soft, premium) ---- */
  --sh-sm: 0 2px 8px rgba(11,27,44,.06);
  --sh-md: 0 10px 30px rgba(11,27,44,.10);
  --sh-lg: 0 24px 60px rgba(11,27,44,.16);
  --sh-red: 0 14px 34px rgba(229,24,26,.30);

  /* ---- Motion ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-snap: cubic-bezier(.34,1.4,.5,1);
}

/* ---- Base helpers (used across artifacts) ---- */
.pc-eyebrow {
  font-family: var(--font);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.pc-display {
  font-family: var(--font-display);
  line-height: .98;
  letter-spacing: -.01em;
}