/* PrintFire — Effects: shadows, borders, transitions, gradients */

:root {
  /* Elevation — soft, cool-navy-tinted shadows (premium, not heavy) */
  --shadow-xs: 0 1px 2px rgba(11, 27, 58, 0.06);
  --shadow-sm: 0 2px 6px rgba(11, 27, 58, 0.07), 0 1px 2px rgba(11, 27, 58, 0.05);
  --shadow-md: 0 6px 18px rgba(11, 27, 58, 0.09), 0 2px 6px rgba(11, 27, 58, 0.05);
  --shadow-lg: 0 16px 40px rgba(11, 27, 58, 0.13), 0 4px 12px rgba(11, 27, 58, 0.06);
  --shadow-xl: 0 28px 64px rgba(11, 27, 58, 0.18);

  /* Accent glow — for primary CTA emphasis */
  --shadow-cta: 0 8px 22px rgba(244, 80, 30, 0.32);
  --shadow-wa: 0 8px 22px rgba(37, 211, 102, 0.34);

  /* Borders */
  --border-hairline: 1px solid var(--border-subtle);
  --border-card: 1px solid var(--border-subtle);
  --border-input: 1.5px solid var(--border-default);

  /* Transitions */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);    /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --t-fast: 120ms var(--ease-out); /* @kind other */
  --t-base: 200ms var(--ease-out); /* @kind other */
  --t-slow: 320ms var(--ease-out); /* @kind other */

  /* Brand gradients (used sparingly — hero backdrops, navy panels) */
  --grad-navy: linear-gradient(155deg, #0f2547 0%, #0b1b3a 55%, #060f22 100%); /* @kind color */
  --grad-ember: linear-gradient(135deg, #fb6a35 0%, #f4501e 100%); /* @kind color */
  --grad-ember-soft: linear-gradient(135deg, #fff5ef 0%, #ffe5d6 100%); /* @kind color */

  /* Industrial hairline grid (overlay texture for navy panels) */
  --texture-grid: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
                  linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px); /* @kind other */
  --texture-grid-size: 44px 44px; /* @kind other */
}