/* IdeasCenter — Espaciado, radios, sombras y medidas
 * Source: "Design System IdeasCenter.dc.html" — every value below is one the
 * manual actually uses (gaps, paddings, border-radius, box-shadow).
 */

:root {
  /* --- Espaciado -------------------------------------------------------- */
  --ic-espacio-3xs: 4px;
  --ic-espacio-2xs: 6px;
  --ic-espacio-xs: 8px;
  --ic-espacio-sm: 10px;
  --ic-espacio-md: 14px;
  --ic-espacio-ml: 16px;
  --ic-espacio-lg: 20px;
  --ic-espacio-xl: 24px;
  --ic-espacio-2xl: 28px;
  --ic-espacio-3xl: 32px;
  --ic-espacio-4xl: 40px;
  --ic-espacio-5xl: 64px;
  --ic-espacio-6xl: 88px;

  /* --- Radios ----------------------------------------------------------- */
  --ic-radio-sm: 9px;
  --ic-radio-md: 12px;   /* botones · inputs */
  --ic-radio-lg: 16px;   /* tarjeta interior */
  --ic-radio-xl: 18px;   /* panel */
  --ic-radio-pill: 999px;

  /* --- Sombras ---------------------------------------------------------- */
  --ic-sombra-panel: 0 10px 30px rgba(26, 30, 51, .06);

  /* --- Medidas ---------------------------------------------------------- */
  --ic-ancho-contenido: 1100px;
  --ic-ancho-parrafo: 680px;
}