/* ===========================================================================
   Askraa — Radii, borders, shadows, motion
   Askraa is SHARP-EDGED: every surface and control is a hard-cornered
   rectangle. Radius tokens are kept for API stability but ALL resolve to 0 —
   never override them with non-zero values. Shadows are subtle and neutral,
   with one signature orange glow reserved for primary CTAs.
   =========================================================================== */
:root {
  /* ---- Radii — all 0. Sharp corners are a brand rule. ------------------ */
  --radius-none: 0;
  --radius-xs:   0;
  --radius-sm:   0;
  --radius-md:   0;
  --radius-lg:   0;
  --radius-xl:   0;
  --radius-2xl:  0;
  --radius-pill: 0;

  /* ---- Border widths ---------------------------------------------------- */
  --border-width:      1px;
  --border-width-thick:2px;

  /* ---- Shadows (neutral) ------------------------------------------------ */
  --shadow-xs:  0 1px 2px rgba(10, 10, 10, 0.05);
  --shadow-sm:  0 1px 3px rgba(10, 10, 10, 0.08), 0 1px 2px rgba(10, 10, 10, 0.04);
  --shadow-md:  0 6px 16px rgba(10, 10, 10, 0.08), 0 2px 4px rgba(10, 10, 10, 0.04);
  --shadow-lg:  0 16px 40px rgba(10, 10, 10, 0.12), 0 4px 10px rgba(10, 10, 10, 0.05);
  --shadow-xl:  0 30px 70px rgba(10, 10, 10, 0.18);

  /* ---- Signature orange glow (primary CTA / focus emphasis) ------------- */
  --shadow-accent: 0 8px 24px rgba(242, 103, 34, 0.30);
  --shadow-accent-sm: 0 4px 12px rgba(242, 103, 34, 0.24);

  /* ---- Focus ------------------------------------------------------------ */
  --ring-width: 3px;
  --ring-color: rgba(242, 103, 34, 0.45);

  /* ---- Motion ----------------------------------------------------------- */
  --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 */
  --duration-fast:   120ms; /* @kind other */
  --duration-base:   200ms; /* @kind other */
  --duration-slow:   360ms; /* @kind other */
}