/* ============================================================
   Victory Wings Academy — Effects: radii, borders, shadows,
   gradients & motion.
   The brand skews crisp & official — modest radii, thin gold
   hairlines, restrained shadows. Signature move: a gold
   hairline rule flanked by short segments (the "ACADEMY" bar).
   ============================================================ */

:root {
  /* ---- Corner radii ---- */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;  /* cards, inputs */
  --radius-lg:   16px;  /* large panels */
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --border-hair: 1px; /* @kind other */
  --border-thick:2px; /* @kind other */

  /* ---- Shadows (cool navy-tinted, low & precise) ---- */
  --shadow-xs: 0 1px 2px rgba(11, 29, 51, 0.06);
  --shadow-sm: 0 2px 8px rgba(11, 29, 51, 0.08);
  --shadow-md: 0 8px 24px rgba(11, 29, 51, 0.10);
  --shadow-lg: 0 18px 48px rgba(11, 29, 51, 0.16);
  --shadow-navy: 0 20px 50px rgba(6, 18, 35, 0.45); /* on-navy hero cards */
  --shadow-gold: 0 8px 22px rgba(212, 175, 55, 0.32); /* gold CTA glow */

  /* ---- Signature gradients ---- */
  --grad-navy:  linear-gradient(155deg, #0B1D33 0%, #12294a 55%, #061223 100%); /* @kind color */
  --grad-navy-diagonal: linear-gradient(135deg, #0B1D33 0%, #1c3862 100%); /* @kind color */
  --grad-gold:  linear-gradient(135deg, #e0c25f 0%, #D4AF37 45%, #a8842a 100%); /* @kind color */
  --grad-gold-soft: linear-gradient(90deg, #D4AF37, #e0c25f); /* @kind color */
  /* corner arc motif used on backgrounds (letterhead / slides) */
  --grad-corner: linear-gradient(135deg, transparent 60%, #D4AF37 60%, #D4AF37 63%, #0B1D33 63%); /* @kind color */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   380ms; /* @kind other */
}