/* ============================================================
   INTRADCO — EFFECTS: motion, texture, shadows, transitions
   The brand barely uses shadow — depth comes from flat color
   blocks and hairline grids, not elevation. Texture is a fine
   grain overlay; the recurring graphic is a green chevron.
   ============================================================ */
:root {
  /* ---- Transitions ---- */
  --t-fast: 0.14s; /* @kind other */
  --t-base: 0.18s; /* @kind other */
  --t-slow: 0.22s; /* @kind other */
  --ease: ease; /* @kind other */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */

  /* hover lift used on buttons */
  --hover-lift: translateY(-1px); /* @kind other */

  /* ---- Shadows (used sparingly) ---- */
  --shadow-none: none;
  --shadow-card: 0 1px 0 rgba(11,11,11,0.04);        /* barely-there */
  --shadow-pop: 0 18px 50px -20px rgba(11,11,11,0.45); /* dialogs / floating */
  --shadow-pop-dark: 0 18px 50px -16px rgba(0,0,0,0.7);

  /* ---- Texture: fine fractal grain (overlay on dark heroes) ---- */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); /* @kind other */

  /* ---- Chevron motif (the Intradco "flight path" graphic) ---- */
  --chevrons: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cpath d='M4 9 L17 19 L30 9' stroke='%232DE69A' stroke-width='2' fill='none'/%3E%3Cpath d='M4 21 L17 31 L30 21' stroke='%232DE69A' stroke-width='2' fill='none'/%3E%3C/svg%3E"); /* @kind other */

  /* ---- Dotted-grid backdrop (route map frame) ---- */
  --dotgrid: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px); /* @kind other */

  /* ---- Backdrop blur (nav, overlays) ---- */
  --blur-nav: blur(12px); /* @kind other */
}

/* Respect reduced motion globally for any animated brand element */
@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0s; /* @kind other */ --t-base: 0s; /* @kind other */ --t-slow: 0s; /* @kind other */ }
}