/* MAJUBAH Consulting — Effects: radii, borders, shadows, motion.
   Sober & premium: small-to-medium radii, soft cool-tinted shadows, no neon glows. */

:root {
  /* Radii */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-2xl:  28px;
  --radius-pill: 999px;
  --radius-card: var(--radius-lg);

  /* Border widths */
  --border-hairline: 1px;
  --border-thick:    1.5px;
  --border-accent:   3px; /* corail emphasis rule */

  /* Shadows — tinted with the navy, low spread, never heavy */
  --shadow-xs:  0 1px 2px rgba(18, 55, 71, 0.06);
  --shadow-sm:  0 2px 6px rgba(18, 55, 71, 0.07);
  --shadow-md:  0 8px 20px -6px rgba(18, 55, 71, 0.12);
  --shadow-lg:  0 18px 40px -12px rgba(18, 55, 71, 0.18);
  --shadow-xl:  0 30px 64px -20px rgba(12, 37, 48, 0.26);
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  /* Motion — calm, confident; no bounce */
  --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:      120ms; /* @kind other */
  --dur-base:      200ms; /* @kind other */
  --dur-slow:      320ms; /* @kind other */
}