/* ===========================================================================
   TGBDA, Inc. — Effects: shadows, transitions, gradients
   Restrained, structural shadows (cool navy-tinted). Sharp, no glow.
   =========================================================================== */
:root {
  /* Elevation — cool, navy-tinted, low-spread */
  --shadow-xs:  0 1px 2px rgba(12, 27, 87, 0.06);
  --shadow-sm:  0 1px 3px rgba(12, 27, 87, 0.08), 0 1px 2px rgba(12, 27, 87, 0.04);
  --shadow-md:  0 4px 12px rgba(12, 27, 87, 0.08), 0 2px 4px rgba(12, 27, 87, 0.05);
  --shadow-lg:  0 12px 28px rgba(12, 27, 87, 0.12), 0 4px 8px rgba(12, 27, 87, 0.06);
  --shadow-xl:  0 24px 56px rgba(12, 27, 87, 0.16), 0 8px 16px rgba(12, 27, 87, 0.08);

  /* Focus ring */
  --ring-focus: 0 0 0 3px rgba(42, 102, 251, 0.35);
  --ring-error: 0 0 0 3px rgba(214, 50, 50, 0.25);

  /* Inset / inner */
  --shadow-inset: inset 0 1px 2px rgba(12, 27, 87, 0.06);

  /* Transitions */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   180ms; /* @kind other */
  --dur-slow:   280ms; /* @kind other */
  --transition: all var(--dur-base) var(--ease-out); /* @kind other */

  /* Brand gradients — structural, used sparingly on hero/data accents */
  --grad-brand:  linear-gradient(135deg, var(--navy-700) 0%, var(--navy-600) 55%, var(--blue-600) 100%); /* @kind other */
  --grad-accent: linear-gradient(135deg, var(--blue-500) 0%, var(--blue-600) 100%); /* @kind other */
  --grad-growth: linear-gradient(135deg, var(--green-400) 0%, var(--green-600) 100%); /* @kind other */
  --grad-deep:   linear-gradient(160deg, var(--navy-800) 0%, var(--navy-900) 100%); /* @kind other */
}