/* ECCCC Sacramento — elevation & motion.
   Shadows are warm and low: this is printed-paper elevation, not glassy SaaS elevation.
   Every shadow tints toward the sand/ink neutrals, never pure black. */
:root {
  --shadow-none: none;
  --shadow-xs: 0 1px 1px rgba(43, 40, 34, 0.05);
  --shadow-sm: 0 1px 2px rgba(43, 40, 34, 0.07), 0 1px 1px rgba(43, 40, 34, 0.04);
  --shadow-md: 0 2px 4px rgba(43, 40, 34, 0.07), 0 6px 14px -6px rgba(43, 40, 34, 0.14);
  --shadow-lg: 0 4px 8px rgba(43, 40, 34, 0.06), 0 16px 32px -12px rgba(43, 40, 34, 0.18);
  --shadow-xl: 0 24px 56px -16px rgba(26, 24, 21, 0.28);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  --shadow-focus: 0 0 0 3px rgba(65, 137, 222, 0.45);
  --shadow-focus-danger: 0 0 0 3px rgba(210, 31, 60, 0.35);

  /* motion — short, flat, no bounce. Utility software for people in a hurry. */
  --ease-out: cubic-bezier(0.22, 0.9, 0.28, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-instant: 90ms; /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
  --transition-control: background-color var(--dur-fast) var(--ease-out),
    border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out),
    box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-instant) var(--ease-out);

  /* the flag ribbon — the one gradient allowed in this system, and it is a hard-stop
     four-band stripe, never a blend */
  --ribbon: linear-gradient(
    90deg,
    var(--green-500) 0 25%,
    var(--blue-400) 25% 50%,
    var(--gold-400) 50% 75%,
    var(--red-500) 75% 100%
  );
}