/* ============================================================
   Roboprofi — Effects: radii, borders, shadows, motion
   Signature: SHARP corners (low radius), thin hairline borders,
   flat dark surfaces differentiated by tone not shadow. Subtle
   shadows appear only on light surfaces (testimonial cards).
   ============================================================ */

:root {
  /* ---- Corner radii (sharp aesthetic) ---- */
  --radius-none: 0px;
  --radius-sm: 2px;        /* buttons, chips, inputs */
  --radius-md: 4px;        /* cards, images */
  --radius-lg: 8px;
  --radius-pill: 999px;    /* avatars, dots only */

  /* ---- Borders ---- */
  --border-w: 1px;
  --border-w-strong: 2px;
  --border-dark: 1px solid var(--rp-on-dark-line);
  --border-light: 1px solid var(--rp-line);
  --border-outline-btn: 1px solid var(--rp-on-dark-soft);

  /* ---- Shadows (used on light surfaces) ---- */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(20,24,18,0.06), 0 1px 1px rgba(20,24,18,0.04);
  --shadow-md: 0 4px 14px rgba(20,24,18,0.10);
  --shadow-lg: 0 14px 40px rgba(20,24,18,0.18);
  --shadow-photo: 0 18px 50px rgba(21,25,15,0.35);   /* lifted photo on dark */

  /* ---- Focus ---- */
  --focus-shadow: 0 0 0 3px rgba(162,169,63,0.45);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
  --transition-base: 200ms cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
}