/* ============================================================
   evia · Effects — radii, borders, shadows, motion, blur
   The brand geometry is HARD-EDGED (sharp rectangles).
   Corner radii stay minimal; "pill" is
   reserved for tags/chips. Shadows are restrained — depth comes
   from the dark ink ramp and thin hairline borders, not glow.
   ============================================================ */

:root {
  /* ---- Radii (sharp brand) ---------------------------------- */
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;        /* default control radius */
  --radius-md: 6px;
  --radius-lg: 10px;       /* cards */
  --radius-xl: 16px;
  --radius-pill: 999px;    /* chips / tags only */

  /* ---- Borders ---------------------------------------------- */
  --border-width: 1px;
  --border-width-thick: 2px;
  --hairline: 1px solid var(--border-subtle);
  --rule: 1px solid var(--border-default);

  /* ---- Shadows (dark-first, subtle) ------------------------- */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.45);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.55);
  /* accent focus glow — only on focus, never decorative */
  --glow-accent: 0 0 0 3px rgba(190,230,0,0.35);
  --glow-cyan:   0 0 0 3px rgba(0,231,255,0.30);

  /* ---- Motion ----------------------------------------------- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --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: 200ms;  /* @kind other */
  --dur-slow: 360ms;  /* @kind other */

  /* ---- Blur / glass (used sparingly over hero imagery) ------ */
  --blur-sm: 6px;  /* @kind other */
  --blur-md: 14px; /* @kind other */
  --scrim: linear-gradient(180deg, rgba(5,6,10,0) 0%, rgba(5,6,10,0.85) 100%); /* @kind other */
}